From af458d75c6eeec183cea284b308533c43694171e Mon Sep 17 00:00:00 2001
From: Michael Weimann <mail@michael-weimann.eu>
Date: Fri, 22 Jul 2022 15:42:27 +0200
Subject: [PATCH] Fix mobile dropdown menu overflow

---
 resources/assets/themes/base.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/resources/assets/themes/base.scss b/resources/assets/themes/base.scss
index e4033ab6..96bde2a6 100644
--- a/resources/assets/themes/base.scss
+++ b/resources/assets/themes/base.scss
@@ -167,12 +167,18 @@ table a > .icon-icon_angel {
   }
 }
 
+// prevent dropdown-menu from overflowing the view
 .dropdown-menu {
-    // prevent dropdown-menu from overflowing the view
-    max-height: calc(100vh - $navbar-height - 16px); // 16px extra padding
+    max-height: calc(100vh - 300px); // 300px: menu offset
     overflow: auto;
 }
 
+@media (min-width: map-get($grid-breakpoints, 'lg')) {
+    .dropdown-menu {
+        max-height: calc(100vh - $navbar-height - 16px); // 16px extra padding
+    }
+}
+
 .selection .checkbox {
   display: block;
 }