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

Fixed Sidebar - Scrollbar not working when change screen size

pull/4908/head
Daniel 2023-02-09 20:26:02 +05:30
parent 3e064d11e4
commit 05d3c49284
5 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/scss/_content-wrapper.scss
View File

@ -1,4 +1,5 @@
.content-wrapper { .content-wrapper {
grid-area: #{$lte-prefix}content-wrapper; grid-area: #{$lte-prefix}content-wrapper;
max-width: 100vw;
padding-bottom: 1rem; padding-bottom: 1rem;
} }

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

@ -1,4 +1,4 @@
@include media-breakpoint-up(lg) { @include media-breakpoint-up($lte-sidebar-breakpoint) {
.layout-fixed { .layout-fixed {
.main-sidebar { .main-sidebar {
position: fixed; position: fixed;
@ -6,6 +6,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
float: none; float: none;
max-height: 100vh;
.sidebar { .sidebar {
height: subtract(100vh, add($lte-main-header-height-inner, $lte-main-header-bottom-border-width)); height: subtract(100vh, add($lte-main-header-height-inner, $lte-main-header-bottom-border-width));

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

@ -4,10 +4,11 @@
position: fixed; position: fixed;
top: 0; top: 0;
bottom: 0; bottom: 0;
min-height: 100vh; max-height: 100vh;
margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1); // stylelint-disable-line function-disallowed-list margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1); // stylelint-disable-line function-disallowed-list
.sidebar { .sidebar {
height: subtract(100vh, add($lte-main-header-height-inner, $lte-main-header-bottom-border-width));
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
} }

1
src/scss/_main-footer.scss
View File

@ -5,6 +5,7 @@
.main-footer { .main-footer {
grid-area: #{$lte-prefix}main-footer; grid-area: #{$lte-prefix}main-footer;
width: inherit; width: inherit;
max-width: 100vw;
padding: $lte-main-footer-padding; padding: $lte-main-footer-padding;
color: $lte-main-footer-color; color: $lte-main-footer-color;
background-color: $lte-main-footer-bg; background-color: $lte-main-footer-bg;

1
src/scss/_main-header.scss
View File

@ -5,6 +5,7 @@
.main-header { .main-header {
z-index: $lte-zindex-main-header; z-index: $lte-zindex-main-header;
grid-area: #{$lte-prefix}main-header; grid-area: #{$lte-prefix}main-header;
max-width: 100vw;
border-bottom: $lte-main-header-bottom-border; border-bottom: $lte-main-header-bottom-border;
.nav-link { .nav-link {