Apply scrollbar styling only to main and sidebar, not to inner scroll…

…bars
mgeier · Nov 25, 2020 · ec16576 · ec16576
1 parent 52546c0
commit ec16576
Showing 1 changed file with 19 additions and 12 deletions.
diff --git a/src/insipid_sphinx_theme/insipid/static/insipid.css_t b/src/insipid_sphinx_theme/insipid/static/insipid.css_t
@@ -41,29 +41,30 @@ body.js * {
 
 /* -- scrollbars ------------------------------------------------------------ */
 
-::-webkit-scrollbar {
+html::-webkit-scrollbar, div.sphinxsidebar::-webkit-scrollbar {
+    width: 14px;
     background: transparent;
 }
 
-::-webkit-scrollbar-thumb {
+html::-webkit-scrollbar-thumb, div.sphinxsidebar::-webkit-scrollbar-thumb {
     background: #ccc;
 }
 
-html {
+html, div.sphinxsidebar {
     scrollbar-color: #ccc transparent;
 }
 
-div.body *::-webkit-scrollbar {
-    width: 5px;
+body {
+    scrollbar-color: initial;
 }
 
-div.body * {
-    scrollbar-width: thin;
+div.sphinxsidebar::-webkit-scrollbar {
+    width: 7px;
+    background: transparent;
 }
 
-div.sphinxsidebar::-webkit-scrollbar {
-    width: 5px;
-    background: #f5f5f5;
+div.sphinxsidebar::-webkit-scrollbar-thumb {
+    background: #ccc;
 }
 
 div.sphinxsidebar {
@@ -76,15 +77,21 @@ div.sphinxsidebar {
     overflow-y: auto;
     overscroll-behavior: contain;
     scrollbar-width: thin;
+    scrollbar-color: #ccc transparent;
 }
 
 .rst-versions.shift-up .rst-current-version {
     position: sticky;
     top: 0;
 }
 
-.rst-versions .rst-other-versions::-webkit-scrollbar {
-    width: 5px;
+.injected .rst-versions.shift-up::-webkit-scrollbar {
+    width: 7px;
+    background: transparent;
+}
+
+.injected .rst-versions.shift-up::-webkit-scrollbar-thumb {
+    background: #ccc;
 }
 {%- endif %}