Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: sizes of the menu-container

Browse source
This commit is contained in:
Timothy Z. 2024-12-11 12:26:40 +02:00
parent bad210810e
commit df07ca51b0
4 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/common/Multiselect/styles.less
View file

@ -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);
}
}
}

12
src/common/MultiselectMenu/Dropdown/Dropdown.less
View file

@ -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);
}
}
}

1
src/routes/Addons/styles.less
View file

@ -89,7 +89,6 @@
margin-right: 1.5rem;
.multiselect-menu-container {
max-height: calc(3.2rem * 7);
overflow: auto;
}
}

3
src/routes/Discover/styles.less
View file

@ -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;
}
}