chore(): update scroll sidebar

Author: Tony133

src/app/homepage/menu/menu.component.scss

@@ -12,8 +12,8 @@
   bottom: 0;
   top: 0;
   z-index: 1000;
-  overflow: hidden;
-
+  overflow: overlay;
+   
   &.opened {
     @include transform(translateX(0));
   }
@@ -85,31 +85,3 @@
     background: #151515;
   }
 }
-
-// Scroll bar
-nav.nav-container {
-  overflow-y: overlay;
-  overflow-x: hidden;
-  height: 100%;  
-}
-
-/* Firefox */
-* {
-  scrollbar-width: auto;
-  scrollbar-color: #dedede;
-}
-
-/* Chrome, Edge, and Safari */
-.nav-container::-webkit-scrollbar {
-  width: 5px;
-  position: inherit;
-}
-
-*::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-*::-webkit-scrollbar-thumb {
-  background-color: #dedede;
-  border-radius: 10px;
-}

src/styles.scss

@@ -320,4 +320,19 @@ tr td span.table-code-asterisk {
 .DocSearch-Container {
   z-index: 20000;
   background: rgba(0, 0, 0, 0.6);
+}
+
+// Scollbar sidebar
+
+app-menu::-webkit-scrollbar {
+  width: 6px;
+}
+
+app-menu:hover::-webkit-scrollbar-thumb {
+  background: #dedede;
+  border-radius: 10px;
+}
+
+app-menu::-webkit-scrollbar-thumb:hover {
+  -webkit-transition: #dedede 1s linear;
 }