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) --- */ /* --- 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,