From df2b11f781f293359a873534ac8dd2af474accbc Mon Sep 17 00:00:00 2001
From: thiloho <123883702+thiloho@users.noreply.github.com>
Date: Wed, 28 Aug 2024 18:06:21 +0200
Subject: [PATCH] Prevent overflows for sidebars

---
 web-app/template-styles/blog-styles.css | 2 ++
 web-app/template-styles/docs-styles.css | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/web-app/template-styles/blog-styles.css b/web-app/template-styles/blog-styles.css
index 9fa3108..d5b5b4c 100644
--- a/web-app/template-styles/blog-styles.css
+++ b/web-app/template-styles/blog-styles.css
@@ -58,6 +58,8 @@ section {
     inset-inline-start: calc(50% + 37.5ch + var(--space-m));
     inset-block-start: calc(var(--space-xl) + var(--space-s));
     max-inline-size: 35ch;
+    max-block-size: calc(100vh - (var(--space-xl) + 2 * var(--space-s)));
+    overflow-y: auto;
     padding: var(--space-s);
     background-color: var(--bg-primary);
     border: var(--border-primary);
diff --git a/web-app/template-styles/docs-styles.css b/web-app/template-styles/docs-styles.css
index 590522c..59d1d01 100644
--- a/web-app/template-styles/docs-styles.css
+++ b/web-app/template-styles/docs-styles.css
@@ -51,6 +51,7 @@ label[for="toggle-sidebar"] {
   block-size: calc(100vh - var(--space-xl));
   background-color: var(--bg-primary);
   border-inline-end: var(--border-primary);
+  overflow-y: auto;
 }
 
 .docs-navigation > ul {
@@ -80,6 +81,8 @@ label[for="toggle-sidebar"] {
     position: fixed;
     inset-inline-start: calc(50% + 37.5ch + var(--space-m));
     inset-block-start: calc(var(--space-xl) + var(--space-s));
+    max-block-size: calc(100vh - (var(--space-xl) + 2 * var(--space-s)));
+    overflow-y: auto;
     max-inline-size: 35ch;
     padding: var(--space-s);
     background-color: var(--bg-primary);