From 0a58acbbd45074327642e132cd7deae31188a978 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 25 Oct 2023 15:15:52 +0300
Subject: [PATCH] [angular-16 | DONE | CHANGED]: Make dashboard-sidebar sticky
 instead of fixed.

---
 less/dashboard.less | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/less/dashboard.less b/less/dashboard.less
index bbeab06..20f6ea8 100644
--- a/less/dashboard.less
+++ b/less/dashboard.less
@@ -231,8 +231,11 @@
 
 .sidebar_main_swipe {
   #sidebar_main {
+    height: calc(100vh - @dashboard-header-height);
+    position: relative;
+
     #sidebar_toggle {
-      position: fixed;
+      position: absolute;
       z-index: @dashboard-z-index + 1;
       top: @dashboard-sidebar-toggle-top;
       left: @dashboard-sidebar-width;
@@ -272,14 +275,14 @@
 
     #sidebar_content {
       width: @dashboard-sidebar-width;
-      position: fixed;
+      position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
-      padding-top: @dashboard-header-height;
       z-index: @dashboard-z-index;
       background: @dashboard-sidebar-background;
-      border-right: @dashboard-sidebar-border-width solid @dashboard-sidebar-border;
+      border: @dashboard-sidebar-border-width solid @dashboard-sidebar-border;
+      border-left: none;
       transition: width @dashboard-transition-delay linear;
       -webkit-transition: width @dashboard-transition-delay linear;
       -moz-transition: width @dashboard-transition-delay linear;
@@ -289,6 +292,8 @@
   }
 
   @{dashboard-pages}, @{dashboard-elements} {
+    width: 100vw;
+    box-sizing: border-box;
     padding-left: @dashboard-sidebar-width;
     transition: padding-left @dashboard-transition-delay linear;
     -webkit-transition: padding-left @dashboard-transition-delay linear;