From 7eb26e5bbb16c153faeda2665518ebb65d701f73 Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Sun, 3 Nov 2019 18:47:53 -0500
Subject: [PATCH] FIX: ensure menu not too tall on desktop only

Followup to af65809e, menu-panel shorter than 100vh does not look good on mobile.
---
 app/assets/stylesheets/common/base/menu-panel.scss | 2 +-
 app/assets/stylesheets/desktop/menu-panel.scss     | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/stylesheets/desktop/menu-panel.scss

diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index a29da3f029a..a02fccf8b89 100644
--- a/app/assets/stylesheets/common/base/menu-panel.scss
+++ b/app/assets/stylesheets/common/base/menu-panel.scss
@@ -51,7 +51,7 @@
     touch-action: pan-y pinch-zoom;
     overflow-y: auto;
     overflow-x: hidden;
-    max-height: calc(100vh - 100px);
+    max-height: 100vh;
   }
 
   .badge-notification {
diff --git a/app/assets/stylesheets/desktop/menu-panel.scss b/app/assets/stylesheets/desktop/menu-panel.scss
new file mode 100644
index 00000000000..a6e7bbaf5b1
--- /dev/null
+++ b/app/assets/stylesheets/desktop/menu-panel.scss
@@ -0,0 +1,3 @@
+.menu-panel .panel-body {
+  max-height: calc(100vh - 100px);
+}