From ce620a06e1f2031183ffc70e7b6ab20b8a2e6a84 Mon Sep 17 00:00:00 2001
From: dario <dario@wisol.ch>
Date: Fri, 5 May 2023 17:24:24 +0200
Subject: [PATCH 1/4] changed layout.css for toc to stay fixed

---
 static/css/layout.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/static/css/layout.css b/static/css/layout.css
index d249166..f993f82 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -4,10 +4,10 @@
     max-width: 64rem;
     margin: 1rem auto;
     display: grid;
-    grid-template-areas: 
-      "header" 
-      "body" 
-      "aside" 
+    grid-template-areas:
+      "header"
+      "body"
+      "aside"
       "footer";
     grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */
     grid-row-gap: 2rem;
@@ -49,6 +49,10 @@
 .page__aside {
     grid-area: aside;
     color: var(--off-fg);
+    position: fixed;
+    top: 5rem;
+    right: 28rem;
+    width: 15rem;
 }
 
 /* Footer */

From e726071f171ddc9824325ee675f39d2f617fc157 Mon Sep 17 00:00:00 2001
From: dario <dario@wisol.ch>
Date: Fri, 5 May 2023 17:41:21 +0200
Subject: [PATCH 2/4] add scrolling functionality to the .aside

---
 static/css/layout.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/static/css/layout.css b/static/css/layout.css
index f993f82..628800d 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -53,6 +53,8 @@
     top: 5rem;
     right: 28rem;
     width: 15rem;
+    max-height: calc(100vh - 9rem);
+    overflow-y: auto;
 }
 
 /* Footer */

From d02e1eb85aadddca4a15765df788df6c671f8608 Mon Sep 17 00:00:00 2001
From: dario <dario@wisol.ch>
Date: Fri, 5 May 2023 20:36:43 +0200
Subject: [PATCH 3/4] adjusted css for sidebar scroll behaviour

---
 static/css/layout.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/css/layout.css b/static/css/layout.css
index 628800d..f70cfd7 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -51,10 +51,10 @@
     color: var(--off-fg);
     position: fixed;
     top: 5rem;
-    right: 28rem;
     width: 15rem;
-    max-height: calc(100vh - 9rem);
+    margin-left: 50rem;
     overflow-y: auto;
+    max-height: 95vh;
 }
 
 /* Footer */

From 6100fae45c60550a131ef78676fffc41039919aa Mon Sep 17 00:00:00 2001
From: dario <dario@wisol.ch>
Date: Fri, 5 May 2023 21:49:14 +0200
Subject: [PATCH 4/4] added CSS to accommodate larger table of contents in the
 aside section

---
 static/css/layout.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/static/css/layout.css b/static/css/layout.css
index f70cfd7..06f69e7 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -49,10 +49,9 @@
 .page__aside {
     grid-area: aside;
     color: var(--off-fg);
-    position: fixed;
-    top: 5rem;
-    width: 15rem;
-    margin-left: 50rem;
+    position: sticky;
+    top: 1rem;
+    right: 1rem;
     overflow-y: auto;
     max-height: 95vh;
 }