diff --git a/src/components/MultiselectMenu/Dropdown/Dropdown.less b/src/components/MultiselectMenu/Dropdown/Dropdown.less index 71ca36e96..2373241f2 100644 --- a/src/components/MultiselectMenu/Dropdown/Dropdown.less +++ b/src/components/MultiselectMenu/Dropdown/Dropdown.less @@ -1,55 +1,44 @@ - // Copyright (C) 2017-2024 Smart code 203358507 +// Copyright (C) 2017-2024 Smart code 203358507 - @import (reference) '~stremio/common/screen-sizes.less'; +@import (reference) '~stremio/common/screen-sizes.less'; - @parent-height: 10rem; +@parent-height: 12rem; +.dropdown { + background: var(--modal-background-color); + display: none; + position: absolute; + width: 100%; + top: 100%; + left: 0; + z-index: 10; + box-shadow: var(--outer-glow); + border-radius: var(--border-radius); + overflow: hidden; + &.open { + display: block; + max-height: calc(3.3rem * 7); + overflow: auto; + } + .back-button { + display: flex; + align-items: center; + gap: 0 0.5rem; + padding: 0.75rem; + color: var(--primary-foreground-color); + .back-button-icon { + width: 1.5rem; + } + } +} + +@media (orientation: landscape) and (max-width: @xsmall) { .dropdown { - background: var(--modal-background-color); - display: none; - position: absolute; - width: 100%; - top: 100%; - left: 0; - z-index: 10; - box-shadow: var(--outer-glow); - border-radius: var(--border-radius); - overflow: hidden; - &.open { - display: block; - max-height: calc(3.3rem * 7); - overflow: auto; - } - - .back-button { - display: flex; - align-items: center; - gap: 0 0.5rem; - padding: 0.75rem; - color: var(--primary-foreground-color); - - .back-button-icon { - width: 1.5rem; - } - } - - .separator-after { - border-bottom: thin solid var(--overlay-color); + max-height: calc(100dvh - var(--horizontal-nav-bar-size) - @parent-height); } } - - - - @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