mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Fix audio player overlapping on small screens

Browse source
This commit is contained in:
Bill Thornton 2021-09-30 10:07:32 -04:00
parent 5af69a9b98
commit 9c58dd7f6e
1 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/remotecontrol/remotecontrol.scss
View file

@ -327,8 +327,13 @@
} }
.nowPlayingPageImageContainer { .nowPlayingPageImageContainer {
flex-grow: 1;
flex-shrink: 1;
width: 100%; width: 100%;
margin: auto auto 0.5em; min-height: 0;
margin: 0 auto 0.5em;
display: flex;
align-items: center;
} }
.nowPlayingPageImageContainerNoAlbum .cardImageContainer .cardImageIcon { .nowPlayingPageImageContainerNoAlbum .cardImageContainer .cardImageIcon {
@ -337,7 +342,9 @@
} }
.nowPlayingInfoControls { .nowPlayingInfoControls {
margin: 0.5em 0 1em 0; flex-grow: 0;
flex-shrink: 1;
margin: 0.5em 0 0;
width: 100%; width: 100%;
-webkit-box-pack: start !important; -webkit-box-pack: start !important;
-webkit-justify-content: start !important; -webkit-justify-content: start !important;
@ -400,7 +407,9 @@
} }
.nowPlayingPageImage.nowPlayingPageImageAudio { .nowPlayingPageImage.nowPlayingPageImageAudio {
width: 100%; width: auto;
max-width: 100%;
max-height: 100%;
} }
.nowPlayingPageImageContainer.nowPlayingPageImagePoster { .nowPlayingPageImageContainer.nowPlayingPageImagePoster {