style scrollbars in body uniformly

diff --git a/src/css/base.css b/src/css/base.css
index dd13ad1..caaf1d6 100644 (file)
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -79,3 +79,17 @@ table {
   border-collapse: collapse;
   word-wrap: normal; /* table widths aren't computed as expected when word-wrap is enabled */
 }
+
+body * {
+  scrollbar-width: thin;
+  scrollbar-color: var(--scrollbar-thumb-color) transparent;
+}
+
+body ::-webkit-scrollbar {
+  width: 0.25rem;
+  height: 0.25rem;
+}
+
+body ::-webkit-scrollbar-thumb {
+  background-color: var(--scrollbar-thumb-color);
+}

diff --git a/src/css/nav.css b/src/css/nav.css
index d8f8dc1..bf837d0 100644 (file)
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -88,22 +88,6 @@ html.is-clipped--nav {
   left: 0;
 }
 
-.nav-panel-menu,
-.nav-panel-explore .components {
-  scrollbar-width: thin;
-  scrollbar-color: var(--scrollbar-thumb-color) transparent;
-}
-
-.nav-panel-menu::-webkit-scrollbar,
-.nav-panel-explore .components::-webkit-scrollbar {
-  width: 0.25rem;
-}
-
-.nav-panel-menu::-webkit-scrollbar-thumb,
-.nav-panel-explore .components::-webkit-scrollbar-thumb {
-  background-color: var(--scrollbar-thumb-color);
-}
-
 .nav-menu {
   flex-grow: 1;
   min-height: 0;

diff --git a/src/css/toc.css b/src/css/toc.css
index 55b4b9c..14a0c72 100644 (file)
--- a/src/css/toc.css
+++ b/src/css/toc.css
@@ -40,6 +40,7 @@
 
 .toc .toc-menu ul::-webkit-scrollbar {
   width: 0;
+  height: 0;
 }
 
 @media screen and (min-width: 1024px) {