From 3a499aa5dd5f8f06acfb133e0407bc7e836fa5e2 Mon Sep 17 00:00:00 2001
From: "Elf M. Sternberg" <elf.sternberg@gmail.com>
Date: Mon, 13 Jun 2022 17:12:16 -0700
Subject: [PATCH] The scrollbars are now working.  I don't know why.

No, that's not entirely true.  I know why they're working.  What I
don't understand is what's different about this layout from the
previous one, other than the additional context wrapper outside the
overflow context, which doesn't make any sense to me; nothing I've
read suggests that's how that works.
---
 sass/index.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/sass/index.scss b/sass/index.scss
index d269ebb..5f7c8e5 100644
--- a/sass/index.scss
+++ b/sass/index.scss
@@ -67,7 +67,8 @@ body {
     flex-wrap: nowrap;
     justify-content: flex-start;
     align-items: center;
-    padding-top: calc(0.5 * var(--space-3xs));
+    padding-top: 0;
+    max-height: var(--header-size);
     padding-bottom: calc(0.5 * var(--space-3xs));
     background-color: var(--background-color);
     opacity: 0.95;
@@ -153,21 +154,21 @@ body {
 
 @mixin toc-sticky {
     max-width: 100%;
-    top: var(--header-size);
     height: calc(100vh - var(--header-size));
     position: sticky;
     z-index: 900;
+    overflow-y: scroll;
     scrollbar-width: thin;
     scrollbar-color: #fff #fff;
 
     &:hover {
-        scrollbar-color: #e9ecef #fff;
+        scrollbar-color: var(--border-color) #fff;
     }
 
     .scrollable-sidebar {
+        scrollbar-width: thin;
         display: block;
         width: auto;
-        overflow-y: auto;
         padding-bottom: 4rem;
 
         ul {