From 2c98813cc14e368c3c9ae52fad59a16e4d7e83dc Mon Sep 17 00:00:00 2001 From: REJack Date: Fri, 27 Nov 2020 12:39:53 +0100 Subject: [PATCH] fix sidebar-mini(-md/-xs) collapse bugs --- build/scss/_layout.scss | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/build/scss/_layout.scss b/build/scss/_layout.scss index dfc4a9642..53f25c5c5 100644 --- a/build/scss/_layout.scss +++ b/build/scss/_layout.scss @@ -449,10 +449,7 @@ body:not(.sidebar-mini-md):not(.sidebar-mini-xs) { } @include media-breakpoint-down(md) { - &, - &::before { - margin-left: 0; - } + margin-left: 0; } } } @@ -470,12 +467,11 @@ body:not(.sidebar-mini-md):not(.sidebar-mini-xs) { margin-left: $sidebar-mini-width; } } - @include media-breakpoint-down(md) { - &, - &::before { - margin-left: $sidebar-mini-width; - } + margin-left: $sidebar-mini-width; + } + @include media-breakpoint-down(sm) { + margin-left: 0; } } } @@ -484,11 +480,16 @@ body:not(.sidebar-mini-md):not(.sidebar-mini-xs) { .content-wrapper, .main-footer, .main-header { - @include transition(margin-left $transition-speed $transition-fn); + @include media-breakpoint-up(md) { + @include transition(margin-left $transition-speed $transition-fn); - margin-left: $sidebar-width; + margin-left: $sidebar-width; - .sidebar-collapse & { + .sidebar-collapse & { + margin-left: $sidebar-mini-width; + } + } + @include media-breakpoint-down(md) { margin-left: $sidebar-mini-width; } }