github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Update _app-sidebar.scss

pull/4953/head
Daniel 2023-03-01 18:05:06 +05:30
parent 4d1b7c9eca
commit 11fac9026c
1 changed files with 78 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/scss/_app-sidebar.scss
View File

@ -271,11 +271,20 @@
} }
} }
@each $breakpoint in map-keys($grid-breakpoints) { .sidebar-collapse:not(.sidebar-mini) {
.app-sidebar {
// stylelint-disable-next-line
margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1);
}
}
.sidebar-expand {
@each $breakpoint in map-keys($grid-breakpoints) {
$next: breakpoint-next($breakpoint, $grid-breakpoints); $next: breakpoint-next($breakpoint, $grid-breakpoints);
$infix: breakpoint-infix($next, $grid-breakpoints); $infix: breakpoint-infix($next, $grid-breakpoints);
.sidebar-expand#{$infix} { /* stylelint-disable-next-line scss/selector-no-union-class-name */
&#{$infix} {
@include media-breakpoint-up($next) { @include media-breakpoint-up($next) {
&.layout-fixed { &.layout-fixed {
.app-sidebar { .app-sidebar {
@ -296,14 +305,6 @@
margin-left: var(--#{$lte-prefix}sidebar-width); margin-left: var(--#{$lte-prefix}sidebar-width);
} }
&.sidebar-mini.sidebar-collapse {
.app-header,
.app-main,
.app-footer {
margin-left: $lte-sidebar-mini-width;
}
}
&.sidebar-collapse { &.sidebar-collapse {
.app-header, .app-header,
.app-main, .app-main,
@ -311,6 +312,14 @@
margin-left: 0; margin-left: 0;
} }
} }
&.sidebar-mini.sidebar-collapse {
.app-header,
.app-main,
.app-footer {
margin-left: $lte-sidebar-mini-width;
}
}
} }
} }
@ -337,6 +346,10 @@
} }
} }
&.sidebar-mini .app-sidebar {
margin-left: -$lte-sidebar-mini-width;
}
&.sidebar-open { &.sidebar-open {
.app-sidebar { .app-sidebar {
margin-left: 0; margin-left: 0;
@ -356,12 +369,6 @@
} }
} }
} }
}
.sidebar-collapse:not(.sidebar-mini) {
.app-sidebar {
// stylelint-disable-next-line
margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1);
} }
} }