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

player: improve sidedrawer mobile landscape styles

Browse source
This commit is contained in:
Timothy Z. 2026-05-06 22:28:03 +03:00
parent dc8c1dddfc
commit ad6d30c224
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/routes/Player/SideDrawer/SideDrawer.less
View file

@ -7,6 +7,11 @@
action-buttons-container: action-buttons-container; action-buttons-container: action-buttons-container;
} }
:import('~stremio/components/MultiselectMenu/Dropdown/Dropdown.less') {
dropdown: dropdown;
open: open;
}
@padding: 1rem; @padding: 1rem;
.side-drawer { .side-drawer {
@ -69,6 +74,7 @@
.info { .info {
padding: @padding; padding: @padding;
min-height: 0;
overflow-y: auto; overflow-y: auto;
.side-drawer-meta-preview { .side-drawer-meta-preview {
@ -89,8 +95,11 @@
flex: 2; flex: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0;
.videos { .videos {
flex: 1;
min-height: 0;
overflow-y: auto; overflow-y: auto;
} }
} }
@ -109,6 +118,14 @@
@media @phone-landscape { @media @phone-landscape {
.side-drawer { .side-drawer {
max-width: 50dvw; max-width: 50dvw;
.info {
max-height: 40dvh;
}
.dropdown.open {
max-height: calc(3rem * 4);
}
} }
} }