From c8ec196dbcee4e8a68c310d3d96951696e287307 Mon Sep 17 00:00:00 2001
From: "Nicholas Carrigan (he/him)" <nhcarrigan@gmail.com>
Date: Wed, 11 Aug 2021 10:17:21 -0700
Subject: [PATCH] fix: scrollable nav (#42600)

* fix: scrollable nav

Modify the drop down menu to be scrollable.

* fix: account for really small screens
---
 .../components/Header/components/universal-nav.css   | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/client/src/components/Header/components/universal-nav.css b/client/src/components/Header/components/universal-nav.css
index 7d11a7330a1..ea21580874c 100644
--- a/client/src/components/Header/components/universal-nav.css
+++ b/client/src/components/Header/components/universal-nav.css
@@ -233,6 +233,14 @@
   display: inherit;
   text-align: left;
   margin-top: calc(-1 * var(--header-height));
+  max-height: calc(100vh - var(--header-height));
+  overflow-y: scroll;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.display-menu::-webkit-scrollbar {
+  display: none;
 }
 
 .toggle-button-nav {
@@ -323,6 +331,10 @@
   .ais-Hits {
     min-width: calc(100% - 30px);
   }
+
+  .display-menu {
+    max-height: calc(100vh - var(--header-height) * 2);
+  }
 }
 
 @media (max-width: 455px) {