diff --git a/src/routes/MetaDetails/StreamsList/styles.less b/src/routes/MetaDetails/StreamsList/styles.less index 17b7c9a65..03381fe44 100644 --- a/src/routes/MetaDetails/StreamsList/styles.less +++ b/src/routes/MetaDetails/StreamsList/styles.less @@ -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; diff --git a/src/routes/MetaDetails/VideosList/styles.less b/src/routes/MetaDetails/VideosList/styles.less index c47c149b8..d86b847d1 100644 --- a/src/routes/MetaDetails/VideosList/styles.less +++ b/src/routes/MetaDetails/VideosList/styles.less @@ -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; + } } \ No newline at end of file diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less index c96293670..b0da6ff5d 100644 --- a/src/routes/MetaDetails/styles.less +++ b/src/routes/MetaDetails/styles.less @@ -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; } }