Fix theatre mode breaking narrow layout
This commit is contained in:
parent
59841e330b
commit
7e9b574c60
|
@ -15,12 +15,13 @@
|
||||||
@media only screen and (max-width: 1350px)
|
@media only screen and (max-width: 1350px)
|
||||||
+theatre-mode-template
|
+theatre-mode-template
|
||||||
|
|
||||||
|
@media only screen and (min-width: 901px)
|
||||||
|
&.useTheatreMode
|
||||||
|
+theatre-mode-template
|
||||||
|
|
||||||
@media only screen and (max-width: 900px)
|
@media only screen and (max-width: 900px)
|
||||||
+single-column-template
|
+single-column-template
|
||||||
|
|
||||||
&.useTheatreMode
|
|
||||||
+theatre-mode-template
|
|
||||||
|
|
||||||
&.isLoading
|
&.isLoading
|
||||||
+single-column-template
|
+single-column-template
|
||||||
|
|
||||||
|
@ -44,7 +45,9 @@
|
||||||
|
|
||||||
.sidebarArea
|
.sidebarArea
|
||||||
grid-area: sidebar
|
grid-area: sidebar
|
||||||
min-width: 380px
|
|
||||||
|
@media only screen and (min-width: 901px)
|
||||||
|
min-width: 380px
|
||||||
|
|
||||||
.watchVideoPlaylist, .watchVideoSidebar, .theatrePlaylist
|
.watchVideoPlaylist, .watchVideoSidebar, .theatrePlaylist
|
||||||
height: 500px
|
height: 500px
|
||||||
|
|
Loading…
Reference in New Issue