From 13825c55258e38c216f1d86e98e70be4b6fc94a2 Mon Sep 17 00:00:00 2001
From: David Ralph <me@davidjcralph.co.uk>
Date: Wed, 18 Aug 2021 15:26:03 +0100
Subject: [PATCH] fix: responsive sidebar on smaller resolutions

---
 src/components/modals/main/scss/index.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/modals/main/scss/index.scss b/src/components/modals/main/scss/index.scss
index b2e15d25..ab410d0a 100644
--- a/src/components/modals/main/scss/index.scss
+++ b/src/components/modals/main/scss/index.scss
@@ -146,6 +146,24 @@ ul.sidebar {
   }
 }
 
+@media (max-height: 999px) and (min-height: 920px) {
+  ul.sidebar {
+    min-height: 160vh;
+  }
+}
+
+@media (max-height: 919px) and (min-height: 700px) {
+  ul.sidebar {
+    min-height: 200vh;
+  }
+}
+
+@media (max-height: 699px) and (min-height: 400px) {
+  ul.sidebar {
+    min-height: 260vh;
+  }
+}
+
 li {
   list-style: none;
   font-size: 24px;