scope scrollbar changes to navigation menu; only color track

2 files changed, 8 insertions, 17 deletions

diff --git a/src/css/base.css b/src/css/base.css
index e312c34..5d66327 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -55,20 +55,3 @@ strong,
 th {
   font-weight: 500;
 }
-
-::-webkit-scrollbar {
-  width: 0.3333rem;
-  height: 0.3333rem;
-}
-
-::-webkit-scrollbar-track {
-  background-color: #f0f0f0;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: #c1c1c1;
-}
-
-::-webkit-scrollbar-thumb:window-inactive {
-  background: transparent;
-}
diff --git a/src/css/navigation-menu.css b/src/css/navigation-menu.css
index d7f0c00..79e85c4 100644
--- a/src/css/navigation-menu.css
+++ b/src/css/navigation-menu.css
@@ -24,6 +24,14 @@ html.is-clipped--nav {
   display: none;
 }
 
+.navigation-menu::-webkit-scrollbar {
+  width: 0.25rem;
+}
+
+.navigation-menu::-webkit-scrollbar-thumb {
+  background-color: #c1c1c1;
+}
+
 .nav-menu {
   flex-grow: 1;
   min-height: 0;