mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 20:33:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(side-nav): Remove content left margin when side nav collapsed

Browse source 
Fixes #1145
This commit is contained in:
Will Bicks 2022-07-18 19:54:49 -05:00
commit 50d4883337
2 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
docs/src/global.css
View file

@ -246,7 +246,6 @@ main.bx--content {
@media (max-width: 1056px) { @media (max-width: 1056px) {
.bx--side-nav ~ .bx--content { .bx--side-nav ~ .bx--content {
margin-left: 0;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
} }

6
src/UIShell/SideNav.svelte
View file

@ -74,3 +74,9 @@
> >
<slot /> <slot />
</nav> </nav>
<style>
:global(.bx--side-nav--collapsed ~ .bx--content) {
margin-left: 0;
}
</style>