From df07ca51b0bb59cc6164792f0b032a37852621a9 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Wed, 11 Dec 2024 12:26:40 +0200
Subject: [PATCH] refactor: sizes of the menu-container

---
 src/common/Multiselect/styles.less                | 12 ++++++++++--
 src/common/MultiselectMenu/Dropdown/Dropdown.less | 12 ++++++++++--
 src/routes/Addons/styles.less                     |  1 -
 src/routes/Discover/styles.less                   |  3 +--
 4 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/common/Multiselect/styles.less b/src/common/Multiselect/styles.less
index 4de3d7e25..cfb0c3234 100644
--- a/src/common/Multiselect/styles.less
+++ b/src/common/Multiselect/styles.less
@@ -7,7 +7,7 @@
     popup-menu-container: menu-container;
 }
 
-@parent-height: 6rem;
+@parent-height: 10rem;
 
 .label-container {
     display: flex;
@@ -50,7 +50,7 @@
 
 .modal-container, .popup-menu-container {
     .menu-container {
-        max-height: calc(100dvh - var(--horizontal-nav-bar-size) - @parent-height);
+        max-height: calc(3.2rem * 7);
 
         .option-container {
             display: flex;
@@ -105,4 +105,12 @@
             }
         }
     }
+}
+
+@media (orientation: landscape) and (max-width: @xsmall) {
+    .modal-container, .popup-menu-container {
+        .menu-container {
+            max-height: calc(100dvh - var(--horizontal-nav-bar-size) - @parent-height);
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/common/MultiselectMenu/Dropdown/Dropdown.less b/src/common/MultiselectMenu/Dropdown/Dropdown.less
index 2eea0449b..3bea17d22 100644
--- a/src/common/MultiselectMenu/Dropdown/Dropdown.less
+++ b/src/common/MultiselectMenu/Dropdown/Dropdown.less
@@ -2,7 +2,7 @@
 
 @import (reference) '~stremio/common/screen-sizes.less';
 
-@parent-height: 6rem;
+@parent-height: 10rem;
 
 .dropdown {
     background: var(--modal-background-color);
@@ -18,7 +18,7 @@
 
     &.open {
         display: block;
-        max-height: calc(100dvh - var(--horizontal-nav-bar-size) - @parent-height);
+        max-height: calc(3.3rem * 7);
         overflow: auto;
     }
 
@@ -33,4 +33,12 @@
             width: 1.5rem;
         }
     }
+}
+
+@media (orientation: landscape) and (max-width: @xsmall) {
+    .dropdown {
+        &.open {
+            max-height: calc(100dvh - var(--horizontal-nav-bar-size) - @parent-height);
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/routes/Addons/styles.less b/src/routes/Addons/styles.less
index 10df2eb41..1145ad16a 100644
--- a/src/routes/Addons/styles.less
+++ b/src/routes/Addons/styles.less
@@ -89,7 +89,6 @@
                 margin-right: 1.5rem;
 
                 .multiselect-menu-container {
-                    max-height: calc(3.2rem * 7);
                     overflow: auto;
                 }
             }
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index 3af4ddce9..9f7969702 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -57,7 +57,6 @@
                     }
 
                     .multiselect-menu-container {
-                        max-height: calc(3.2rem * 7);
                         overflow: auto;
                     }
                 }
@@ -220,7 +219,7 @@
                 }
 
                 .multiselect-menu-container {
-                    max-height: calc(3.2rem * 4);
+                    max-height: calc(3.2rem * 3);
                     overflow: auto;
                 }
             }