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

change details layout on mobile

Browse source
This commit is contained in:
nklhrstv 2022-05-27 19:44:37 +03:00
parent 6fd703a6a4
commit b42e09d95d
3 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/MetaDetails/StreamsList/styles.less
View file

@ -78,6 +78,8 @@
@media only screen and (max-width: @minimum) {
.streams-list-container {
overflow: visible;
.streams-container {
margin-top: 0;
scrollbar-color: @color-surface-light5-20 transparent;

7
src/routes/MetaDetails/VideosList/styles.less
View file

@ -1,6 +1,7 @@
// Copyright (C) 2017-2022 Smart code 203358507
@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
@import (reference) '~stremio/common/screen-sizes.less';
.videos-list-container {
display: flex;
@ -54,4 +55,10 @@
align-self: stretch;
overflow-y: auto;
}
}
@media only screen and (max-width: @minimum) {
.videos-list-container {
overflow: visible;
}
}

18
src/routes/MetaDetails/styles.less
View file

@ -129,12 +129,24 @@
@media only screen and (max-width: @minimum) {
.metadetails-container {
position: relative;
z-index: 0;
.metadetails-content {
flex-direction: column;
display: block;
position: static;
z-index: initial;
overflow-y: auto;
.spacing {
display: none;
}
.background-image-layer {
top: var(--horizontal-nav-bar-size);
}
.videos-list, .streams-list {
flex-basis: auto;
max-height: 50vh;
background-color: transparent;
}
}