sidebar position is now fixed when scrolling long lists

This commit is contained in:
Seyed Mahdi
2025-07-08 19:24:11 +03:30
parent 237aff39c4
commit c72036b942

View File

@ -89,7 +89,15 @@ body:not(.dark-mode) #darkModeIcon.fa-sun {
/* --- 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 {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
@ -287,7 +295,15 @@ body.dark-mode #darkModeIcon.fa-moon {
}
/* 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 .sidebar .nav-pills .nav-link { color: var(--dark-text-secondary); }
body.dark-mode .sidebar .nav-pills .nav-link.active,