From 67aeed6005d97ed49d5dfe78260031bc22ad8f14 Mon Sep 17 00:00:00 2001 From: "Timothy Z." Date: Tue, 1 Oct 2024 12:25:46 +0300 Subject: [PATCH 1/2] fix: dropdown scroll --- src/common/MultiselectMenu/Dropdown/Dropdown.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/common/MultiselectMenu/Dropdown/Dropdown.less b/src/common/MultiselectMenu/Dropdown/Dropdown.less index 1e15419ef..17aeedef9 100644 --- a/src/common/MultiselectMenu/Dropdown/Dropdown.less +++ b/src/common/MultiselectMenu/Dropdown/Dropdown.less @@ -14,6 +14,8 @@ &.open { display: block; + max-height: 50vh; + overflow: scroll; } .back-button { From 3da58916671279060afdc40ca5fdfd61845310f0 Mon Sep 17 00:00:00 2001 From: "Timothy Z." Date: Wed, 2 Oct 2024 17:08:17 +0300 Subject: [PATCH 2/2] refactor: dropdown styles --- src/common/MultiselectMenu/Dropdown/Dropdown.less | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/src/common/MultiselectMenu/Dropdown/Dropdown.less b/src/common/MultiselectMenu/Dropdown/Dropdown.less index 17aeedef9..57840ca22 100644 --- a/src/common/MultiselectMenu/Dropdown/Dropdown.less +++ b/src/common/MultiselectMenu/Dropdown/Dropdown.less @@ -1,5 +1,7 @@ // Copyright (C) 2017-2024 Smart code 203358507 +@import (reference) '~stremio/common/screen-sizes.less'; + .dropdown { background: var(--modal-background-color); display: none; @@ -14,8 +16,8 @@ &.open { display: block; - max-height: 50vh; - overflow: scroll; + max-height: calc(3.2rem * 10); + overflow: auto; } .back-button { @@ -29,4 +31,12 @@ width: 1.5rem; } } +} + +@media only screen and (max-width: @minimum) { + .dropdown { + &.open { + max-height: calc(3.2rem * 7); + } + } } \ No newline at end of file