mirror of https://github.com/ColorlibHQ/AdminLTE
scss bugs fix
parent
15e47b1ba6
commit
7e522e4a5d
|
@ -2,8 +2,6 @@
|
|||
// Core: Brand
|
||||
//
|
||||
|
||||
// @include brand-variant($lte-sidebar-dark-bg, $lte-sidebar-dark-color);
|
||||
|
||||
.brand-container {
|
||||
display: grid;
|
||||
grid-template-areas: "brand-link pushmenu";
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
.main-header,
|
||||
.content-wrapper,
|
||||
.main-footer {
|
||||
margin-left: $lte-sidebar-width;
|
||||
margin-left: var(--#{$lte-prefix}sidebar-width);
|
||||
@include transition($lte-transition-speed $lte-transition-fn);
|
||||
}
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
top: 0;
|
||||
bottom: 0;
|
||||
min-height: 100vh;
|
||||
margin-left: -#{$lte-sidebar-width};
|
||||
margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1); // stylelint-disable-line function-disallowed-list
|
||||
|
||||
.sidebar {
|
||||
overflow-x: hidden;
|
||||
|
|
|
@ -44,8 +44,8 @@
|
|||
@include transition($lte-sidebar-transition);
|
||||
z-index: $lte-zindex-sidebar;
|
||||
grid-area: main-sidebar;
|
||||
min-width: $lte-sidebar-width;
|
||||
max-width: $lte-sidebar-width;
|
||||
min-width: var(--#{$lte-prefix}sidebar-width);
|
||||
max-width: var(--#{$lte-prefix}sidebar-width);
|
||||
|
||||
.nav-sidebar > .nav-item {
|
||||
> .nav-link.active {
|
||||
|
|
|
@ -22,7 +22,7 @@
|
|||
|
||||
.nav-link {
|
||||
position: relative;
|
||||
width: subtract($lte-sidebar-width, $lte-sidebar-padding-x * 2);
|
||||
width: subtract(var(--#{$lte-prefix}sidebar-width), $lte-sidebar-padding-x * 2);
|
||||
@include transition(width $lte-transition-fn $lte-transition-speed);
|
||||
|
||||
p {
|
||||
|
|
|
@ -42,8 +42,8 @@
|
|||
|
||||
&.sidebar-is-hover {
|
||||
.main-sidebar {
|
||||
min-width: $lte-sidebar-width;
|
||||
max-width: $lte-sidebar-width;
|
||||
min-width: var(--#{$lte-prefix}sidebar-width);
|
||||
max-width: var(--#{$lte-prefix}sidebar-width);
|
||||
}
|
||||
|
||||
.nav-sidebar .nav-header {
|
||||
|
@ -51,7 +51,7 @@
|
|||
}
|
||||
|
||||
.nav-sidebar .nav-link {
|
||||
width: subtract($lte-sidebar-width, $lte-sidebar-padding-x * 2);
|
||||
width: subtract(var(--#{$lte-prefix}sidebar-width), $lte-sidebar-padding-x * 2);
|
||||
}
|
||||
|
||||
.nav-sidebar .nav-link p,
|
||||
|
@ -83,7 +83,7 @@
|
|||
// visibility: visible;
|
||||
// display: inline-block;
|
||||
// position: absolute;
|
||||
// width: $lte-sidebar-width;
|
||||
// width: var(--#{$lte-prefix}sidebar-width);
|
||||
// left: $lte-sidebar-mini-width;
|
||||
// top: 0;
|
||||
// background-color: inherit;
|
||||
|
|
|
@ -10,9 +10,10 @@
|
|||
"main-sidebar content-wrapper"
|
||||
"main-sidebar main-footer";
|
||||
grid-template-rows: min-content 1fr min-content;
|
||||
grid-template-columns: auto minmax(100%, max-content);
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-gap: 0;
|
||||
align-content: stretch;
|
||||
align-items: stretch;
|
||||
max-width: 100vw;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue