sidebar position is now fixed when scrolling long lists
This commit is contained in:
@ -89,7 +89,15 @@ body:not(.dark-mode) #darkModeIcon.fa-sun {
|
|||||||
|
|
||||||
/* --- Sidebar (Using Default Dark AdminLTE Theme) --- */
|
/* --- Sidebar (Using Default Dark AdminLTE Theme) --- */
|
||||||
|
|
||||||
body:not(.dark-mode) .main-sidebar { background-color: #343a40; }
|
body:not(.dark-mode) .main-sidebar {
|
||||||
|
background-color: #343a40;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 250px;
|
||||||
|
height: 100vh;
|
||||||
|
z-index: 1050;
|
||||||
|
}
|
||||||
body:not(.dark-mode) .brand-link {
|
body:not(.dark-mode) .brand-link {
|
||||||
border-bottom-color: rgba(255, 255, 255, 0.1);
|
border-bottom-color: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
@ -287,7 +295,15 @@ body.dark-mode #darkModeIcon.fa-moon {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Dark Sidebar */
|
/* Dark Sidebar */
|
||||||
body.dark-mode .main-sidebar { background-color: var(--dark-navy-deep) !important; }
|
body.dark-mode .main-sidebar {
|
||||||
|
background-color: var(--dark-navy-deep) !important;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 250px;
|
||||||
|
height: 100vh;
|
||||||
|
z-index: 1050;
|
||||||
|
}
|
||||||
body.dark-mode .brand-link { border-bottom: 1px solid var(--dark-navy-accent) !important; }
|
body.dark-mode .brand-link { border-bottom: 1px solid var(--dark-navy-accent) !important; }
|
||||||
body.dark-mode .sidebar .nav-pills .nav-link { color: var(--dark-text-secondary); }
|
body.dark-mode .sidebar .nav-pills .nav-link { color: var(--dark-text-secondary); }
|
||||||
body.dark-mode .sidebar .nav-pills .nav-link.active,
|
body.dark-mode .sidebar .nav-pills .nav-link.active,
|
||||||
|
|||||||
Reference in New Issue
Block a user