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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/scss/_brand-container.scss
View File

@ -2,8 +2,6 @@
// Core: Brand // Core: Brand
// //
// @include brand-variant($lte-sidebar-dark-bg, $lte-sidebar-dark-color);
.brand-container { .brand-container {
display: grid; display: grid;
grid-template-areas: "brand-link pushmenu"; grid-template-areas: "brand-link pushmenu";

2
src/scss/_layout-fixed.scss
View File

@ -15,7 +15,7 @@
.main-header, .main-header,
.content-wrapper, .content-wrapper,
.main-footer { .main-footer {
margin-left: $lte-sidebar-width; margin-left: var(--#{$lte-prefix}sidebar-width);
@include transition($lte-transition-speed $lte-transition-fn); @include transition($lte-transition-speed $lte-transition-fn);
} }

2
src/scss/_layout-mobile.scss
View File

@ -5,7 +5,7 @@
top: 0; top: 0;
bottom: 0; bottom: 0;
min-height: 100vh; min-height: 100vh;
margin-left: -#{$lte-sidebar-width}; margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1); // stylelint-disable-line function-disallowed-list
.sidebar { .sidebar {
overflow-x: hidden; overflow-x: hidden;

4
src/scss/_main-sidebar.scss
View File

@ -44,8 +44,8 @@
@include transition($lte-sidebar-transition); @include transition($lte-sidebar-transition);
z-index: $lte-zindex-sidebar; z-index: $lte-zindex-sidebar;
grid-area: main-sidebar; grid-area: main-sidebar;
min-width: $lte-sidebar-width; min-width: var(--#{$lte-prefix}sidebar-width);
max-width: $lte-sidebar-width; max-width: var(--#{$lte-prefix}sidebar-width);
.nav-sidebar > .nav-item { .nav-sidebar > .nav-item {
> .nav-link.active { > .nav-link.active {

2
src/scss/_nav-sidebar.scss
View File

@ -22,7 +22,7 @@
.nav-link { .nav-link {
position: relative; 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); @include transition(width $lte-transition-fn $lte-transition-speed);
p { p {

8
src/scss/_sidebar-collapse.scss
View File

@ -42,8 +42,8 @@
&.sidebar-is-hover { &.sidebar-is-hover {
.main-sidebar { .main-sidebar {
min-width: $lte-sidebar-width; min-width: var(--#{$lte-prefix}sidebar-width);
max-width: $lte-sidebar-width; max-width: var(--#{$lte-prefix}sidebar-width);
} }
.nav-sidebar .nav-header { .nav-sidebar .nav-header {
@ -51,7 +51,7 @@
} }
.nav-sidebar .nav-link { .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, .nav-sidebar .nav-link p,
@ -83,7 +83,7 @@
// visibility: visible; // visibility: visible;
// display: inline-block; // display: inline-block;
// position: absolute; // position: absolute;
// width: $lte-sidebar-width; // width: var(--#{$lte-prefix}sidebar-width);
// left: $lte-sidebar-mini-width; // left: $lte-sidebar-mini-width;
// top: 0; // top: 0;
// background-color: inherit; // background-color: inherit;

3
src/scss/_wrapper.scss
View File

@ -10,9 +10,10 @@
"main-sidebar content-wrapper" "main-sidebar content-wrapper"
"main-sidebar main-footer"; "main-sidebar main-footer";
grid-template-rows: min-content 1fr min-content; grid-template-rows: min-content 1fr min-content;
grid-template-columns: auto minmax(100%, max-content); grid-template-columns: auto 1fr;
grid-gap: 0; grid-gap: 0;
align-content: stretch; align-content: stretch;
align-items: stretch; align-items: stretch;
max-width: 100vw;
min-height: 100vh; min-height: 100vh;
} }