Sidebar scroll fixed (#3304)

build/scss/_layout.scss

@@ -580,7 +580,7 @@ body:not(.layout-fixed) {
     .control-sidebar-content {
       height: calc(100vh - #{$main-header-height});
       overflow-y: auto;
-      scrollbar-width: thin;
+      @include scrollbar-width-thin();
     }
   }
 }

build/scss/_main-sidebar.scss

@@ -19,12 +19,13 @@
 
 .sidebar {
   height: calc(100% - (#{$main-header-height-inner} + #{$main-header-bottom-border-width}));
+  overflow-x: none;
   overflow-y: initial;
-  scrollbar-width: thin;
   padding-bottom: $sidebar-padding-y;
   padding-left: $sidebar-padding-x;
   padding-right: $sidebar-padding-x;
   padding-top: $sidebar-padding-y;
+  @include scrollbar-width-thin();
 }
 
 // Sidebar user panel

build/scss/_sidebar-mini.scss

@@ -415,6 +415,13 @@
             }
           }
         }
+        .sidebar {
+          @include scrollbar-width-thin();
+        }
+      }
+
+      .sidebar {
+        @include scrollbar-width-none();
       }
     }
 

build/scss/mixins/_miscellaneous.scss

@@ -30,3 +30,13 @@
   background-image: gradient(linear, left bottom, left top, color-stop(0, $start), color-stop(1, $stop));
 }
 
+@mixin scrollbar-width-thin() {
+  scrollbar-width: thin;
+  scrollbar-color: #a9a9a9 transparent;
+}
+
+@mixin scrollbar-width-none() {
+  scrollbar-width: none;
+}
+
+//

build/scss/mixins/_sidebar.scss

@@ -25,7 +25,6 @@
   .nav-sidebar > .nav-header,
   .nav-sidebar .nav-link {
     white-space: nowrap;
-    overflow: hidden;
   }
 
   // When the sidebar is collapsed...