From c72036b9420c8c60252e4c82998b5d1c9e291894 Mon Sep 17 00:00:00 2001
From: Seyed Mahdi <39972836+SeyedHashtag@users.noreply.github.com>
Date: Tue, 8 Jul 2025 19:24:11 +0330
Subject: [PATCH] sidebar position is now fixed when scrolling long lists

---
 core/scripts/webpanel/assets/css/custom.css | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/core/scripts/webpanel/assets/css/custom.css b/core/scripts/webpanel/assets/css/custom.css
index d3eee8d..93cc854 100644
--- a/core/scripts/webpanel/assets/css/custom.css
+++ b/core/scripts/webpanel/assets/css/custom.css
@@ -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,