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(devenv): use content margin style for expanded side nav #4886

Merged

Conversation

asudoh
Copy link
Contributor

@asudoh asudoh commented Dec 16, 2019

This change ensures that the fixed side nav stories make use of margin-left style for .bx--content with .bx--side-nav--expanded instead of using responsive left margin v10 grid defines, so that the main content won't be hidden underneath the fixed side nav when it's expanded.

Fixes #3591.

Changelog

Changed

  • The fixed side nav stories so margin style for content with fixed side nav is used instead of responsive margin style for grid

Testing / Reviewing

Testing should make sure UI shell stories are not broken.

This change ensures that the fixed side nav stories make use of
`margin-left` style for `.bx--content` with `.bx--side-nav--expanded`
instead of using responsive left margin `v10` grid defines, so that the
main content won't be hidden underneath the fixed side nav when fixed
it's expanded.

Fixes carbon-design-system#3591.
@netlify
Copy link

netlify bot commented Dec 16, 2019

Deploy preview for the-carbon-components ready!

Built with commit 2562ab0

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

@netlify
Copy link

netlify bot commented Dec 16, 2019

Deploy preview for carbon-components-react failed.

Built with commit 2562ab0

https://app.netlify.com/sites/carbon-components-react/deploys/5df8174c3e24b10008227d90

@netlify
Copy link

netlify bot commented Dec 16, 2019

Deploy preview for carbon-elements ready!

Built with commit 2562ab0

https://deploy-preview-4886--carbon-elements.netlify.com

@asudoh asudoh merged commit 061dac5 into carbon-design-system:master Dec 17, 2019
@asudoh asudoh deleted the fixed-side-nav-content-offset branch December 17, 2019 00:09
joshblack pushed a commit to joshblack/carbon that referenced this pull request Jan 6, 2020
…esign-system#4886)

This change ensures that the fixed side nav stories make use of
`margin-left` style for `.bx--content` with `.bx--side-nav--expanded`
instead of using responsive left margin `v10` grid defines, so that the
main content won't be hidden underneath the fixed side nav when fixed
it's expanded.

Fixes carbon-design-system#3591.
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.

AVT 2 React Fixed SideNav, & SideNav w/Icon UI Shell hides text when zoom is 150+
3 participants