From 94923f11d8332e0bfb4f38f2f3f60b3744e1ad8d Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Tue, 25 Jan 2022 15:45:37 +0100
Subject: [PATCH] feat(lab): Let dropdown grow bigger

---
 packages/freesewing.lab/components/pattern-picker.js | 2 +-
 packages/freesewing.shared/styles/globals.css        | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/freesewing.lab/components/pattern-picker.js b/packages/freesewing.lab/components/pattern-picker.js
index dca79364251..e0cd940e2bc 100644
--- a/packages/freesewing.lab/components/pattern-picker.js
+++ b/packages/freesewing.lab/components/pattern-picker.js
@@ -14,7 +14,7 @@ const PatternPicker = ({ app }) => {
           <DesignIcon />
           <span>Patterns</span>
         </div>
-        <ul tabIndex="0" className="p-2 shadow menu dropdown-content bg-base-100 rounded-box w-52 max-h-96 overflow-y-scroll">
+        <ul tabIndex="0" className="p-2 shadow menu dropdown-content bg-base-100 rounded-box w-52 overflow-y-scroll navdrop">
           {Object.keys(app.patterns).map(section => (
             <React.Fragment key={section}>
               <li className={`
diff --git a/packages/freesewing.shared/styles/globals.css b/packages/freesewing.shared/styles/globals.css
index 9aee4318ea6..096131ad6d2 100644
--- a/packages/freesewing.shared/styles/globals.css
+++ b/packages/freesewing.shared/styles/globals.css
@@ -15,6 +15,9 @@
   h6 { @apply text-base-content text-base font-bold lg:text-lg }
   p { @apply text-base-content my-1 py-2 lg:text-xl }
 
+  /* Dropdowns */
+  .navdrop { max-height: 80vh; }
+
   /* mdx styles */
   .mdx a { @apply text-secondary underline decoration-1 }
   .mdx a:hover { @apply text-secondary-focus decoration-2 decoration-current }