From d21a899ec62d0298f298a9fbdd8b74e5bc44c681 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Fri, 6 Oct 2023 09:01:35 -0300
Subject: css: intervene with default scrollbar styling on sticky sidebar

---
 src/static/site4.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/static/site4.css b/src/static/site4.css
index 0e6166b4..ab17bf0c 100644
--- a/src/static/site4.css
+++ b/src/static/site4.css
@@ -1451,12 +1451,27 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
 
 .sidebar-column.sidebar.sticky-column {
   max-height: calc(100vh - 20px);
-  overflow-y: scroll;
   align-self: start;
   padding-bottom: 0;
   box-sizing: border-box;
   flex-basis: 275px;
   padding-top: 0;
+  overflow-y: scroll;
+  scrollbar-width: thin;
+  scrollbar-color: var(--dark-color);
+}
+
+.sidebar-column.sidebar.sticky-column::-webkit-scrollbar {
+  background: var(--dark-color);
+  width: 12px;
+}
+
+.sidebar-column.sidebar.sticky-column::-webkit-scrollbar-thumb {
+  transition: background 0.2s;
+  background: rgba(255, 255, 255, 0.2);
+  border: 3px solid transparent;
+  border-radius: 10px;
+  background-clip: content-box;
 }
 
 .sidebar-column.sidebar.sticky-column > h1 {
-- 
cgit 1.3.0-6-gf8a5