Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(_header.scss): fixed head base nav with mobile first approach #5238

Conversation

fsegu002
Copy link
Contributor

Closes: #5157

This issue describes how no navigation is shown exactly at 1056px width. This is due to how media queries are applied.

Changelog

Changed

  • desktop nav was modified to be hidden by default and only displayed at 'lg' or greater width.

@asudoh please review

@fsegu002 fsegu002 requested a review from a team as a code owner January 31, 2020 19:24
@ghost ghost requested review from abbeyhrt and asudoh January 31, 2020 19:25
@netlify
Copy link

netlify bot commented Jan 31, 2020

Deploy preview for the-carbon-components ready!

Built with commit 11ab6d5

https://deploy-preview-5238--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Jan 31, 2020

Deploy preview for carbon-elements failed.

Built with commit 8e4170b

https://app.netlify.com/sites/carbon-elements/deploys/5e3df3f78462360008d24525

@netlify
Copy link

netlify bot commented Jan 31, 2020

Deploy preview for carbon-components-react ready!

Built with commit 8e4170b

https://deploy-preview-5238--carbon-components-react.netlify.com

@asudoh asudoh requested review from a team and jeanservaas and removed request for a team January 31, 2020 23:08
Copy link
Member

@emyarod emyarod left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good to me, the 1056px viewport width issue appears resolved

Copy link
Member

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks fixed, thanks for contributing 👍 ✅

Copy link
Contributor

@abbeyhrt abbeyhrt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me! Thank you for contributing! 🎉

Copy link
Contributor

@jeanservaas jeanservaas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@asudoh looks like react deploy failed but I really don't want to hold this PR up, seems like a clear fix, I will trust that it's just a matter of getting the menu items to appear correctly at the exact 1056 breakpoint.

@asudoh asudoh merged commit 24429b8 into carbon-design-system:master Feb 8, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Header Base w/navigation not displaying navigation at breakpoint width 1056px
6 participants