scss bugs fix

pull/4884/head
Daniel 2023-01-29 18:33:49 +05:30
parent 15e47b1ba6
commit 7e522e4a5d
7 changed files with 11 additions and 12 deletions

View File

@ -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";

View File

@ -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);
}

View File

@ -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;

View File

@ -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 {

View File

@ -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 {

View File

@ -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;

View File

@ -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;
}