From 92bf4752cdb06c070e000b7d151cd2da847cd63f Mon Sep 17 00:00:00 2001
From: Amy <a258wang@csclub.uwaterloo.ca>
Date: Mon, 4 Oct 2021 18:57:11 -0400
Subject: [PATCH] Add scrolling to Organized Content sidebar on smaller desktop
 screens (#322)

Closes #314

Co-authored-by: Amy <a258wang@uwaterloo.ca>
Reviewed-on: https://git.csclub.uwaterloo.ca/www/www-new/pulls/322
Reviewed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-authored-by: Amy <a258wang@csclub.uwaterloo.ca>
Co-committed-by: Amy <a258wang@csclub.uwaterloo.ca>
---
 components/OrganizedContent.module.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/OrganizedContent.module.css b/components/OrganizedContent.module.css
index e664abec..69588eb6 100644
--- a/components/OrganizedContent.module.css
+++ b/components/OrganizedContent.module.css
@@ -22,10 +22,14 @@
 }
 
 .nav {
-  top: calc(20rem / 16);
   position: sticky;
-  height: 100%;
-  margin: calc(8rem / 16) calc(32rem / 16) 0 0;
+  overflow: auto;
+  flex-shrink: 0;
+
+  top: calc(20rem / 16);
+  margin: calc(8rem / 16) calc(32rem / 16) calc(20rem / 16) 0;
+  height: calc(100vh - (44rem / 16));
+
   color: var(--primary-heading);
   font-weight: 500;
 }
@@ -189,9 +193,9 @@
 
     top: 0;
     left: 0;
-    overflow-y: auto;
     z-index: 30;
 
+    height: 100%;
     margin: 0;
     background: var(--primary-accent-lighter);
     width: calc(288rem / 16);