From 9aabc3a389087757dc8b25ae87fa63f3e2375b4c Mon Sep 17 00:00:00 2001
From: Dan Allen <dan@opendevise.com>
Date: Thu, 24 Dec 2020 19:35:12 -0700
Subject: [PATCH] style scrollbars in body uniformly

---
 src/css/base.css | 14 ++++++++++++++
 src/css/nav.css  | 16 ----------------
 src/css/toc.css  |  1 +
 3 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/css/base.css b/src/css/base.css
index dd13ad1..caaf1d6 100644
--- 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
--- 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
--- 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) {
-- 
2.11.0