Skip to content

Commit

Permalink
Fix for MudBlazor#420 double drawers and main content
Browse files Browse the repository at this point in the history
  • Loading branch information
@Garderoben
Garderoben committed Dec 30, 2020
1 parent 300e1ab commit 378c89d
Showing 1 changed file with 6 additions and 7 deletions.
13 changes: 6 additions & 7 deletions src/MudBlazor/Styles/layout/_main.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
.mud-main-drawer-closed {
flex-grow: 1;
transition: margin 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
margin-left: 0px;
}

.mud-main-drawer-open {
Expand All @@ -20,15 +19,15 @@
margin-left: var(--mud-drawer-width);
}

&.mud-drawer--open {
& + .mud-drawer-anchor-right.mud-drawer--open {
&.mud-drawer--open + .mud-drawer-overlay {
& + .mud-drawer-anchor-right.mud-drawer--open + .mud-drawer-overlay {
& + .mud-main-drawer-open {
margin-right: var(--mud-drawer-width);
margin-left: var(--mud-drawer-width);
}
}

& + .mud-drawer-anchor-right.mud-drawer--closed {
& + .mud-drawer-anchor-right.mud-drawer--closed + .mud-drawer-overlay {
& + .mud-main-drawer-open {
margin-right: auto;
margin-left: var(--mud-drawer-width);
Expand All @@ -42,15 +41,15 @@
margin-right: var(--mud-drawer-width);
}

&.mud-drawer--open {
& + .mud-drawer-anchor-left.mud-drawer--open {
&.mud-drawer--open + .mud-drawer-overlay {
& + .mud-drawer-anchor-left.mud-drawer--open + .mud-drawer-overlay {
& + .mud-main-drawer-open {
margin-right: var(--mud-drawer-width);
margin-left: var(--mud-drawer-width);
}
}

& + .mud-drawer-anchor-left.mud-drawer--closed {
& + .mud-drawer-anchor-left.mud-drawer--closed + .mud-drawer-overlay {
& + .mud-main-drawer-open {
margin-right: var(--mud-drawer-width);
margin-left: auto;
Expand Down

0 comments on commit 378c89d

Please # to comment.