style: change scrollbar width and hover color for docs nav and sidebar

razonyang · Aug 23, 2024 · 8aa8ded · 8aa8ded
1 parent f92b229
commit 8aa8ded
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/assets/main/scss/_sidebar.scss b/assets/main/scss/_sidebar.scss
@@ -1,15 +1,16 @@
 .sidebar {
+  scrollbar-width: thin;
+
+  &:hover {
+    scrollbar-color: var(--#{$prefix}primary) rgba(0,0,0,0);
+  }
+
   @if $fixedSidebar {
     @include media-breakpoint-up(lg) {
       height: calc(100vh - 84px);
       overflow: auto;
       position: sticky;
-      scrollbar-width: thin;
       top: 84px;
-
-      &:hover {
-        scrollbar-color: var(--#{$prefix}primary) rgba(0,0,0,0);
-      }
     }
   }
 }

diff --git a/assets/main/scss/docs/index.scss b/assets/main/scss/docs/index.scss
@@ -8,6 +8,11 @@
 
 .docs-nav {
   word-break: break-word;
+  scrollbar-width: thin;
+
+  &:hover {
+    scrollbar-color: var(--#{$prefix}primary) rgba(0,0,0,0);
+  }
 
   @include media-breakpoint-up(xxl) {
     position: sticky;