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: Fix vertical button alignment in Safari 10

Browse source 
Using `position: absolute` breaks Flexbox.
This commit is contained in:
Dmitry Lyzo 2022-02-23 21:04:11 +03:00
parent 188dcf820e
commit fe895d4a36
1 changed files with 4 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -81,8 +81,6 @@
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@ -321,6 +319,8 @@
-webkit-justify-content: center;
justify-content: center;
font-size: 1.5em;
margin-left: -0.5em;
margin-right: -0.5em;
}
.nowPlayingPageImageContainer {
@ -372,19 +372,15 @@
.nowPlayingInfoButtons .btnRepeat,
.nowPlayingInfoButtons .btnRewind {
position: absolute;
left: 0;
margin-left: 0;
padding-left: 7.3%;
margin-right: auto;
font-size: smaller;
}
.nowPlayingInfoButtons .btnShuffleQueue,
.nowPlayingInfoButtons .btnFastForward {
position: absolute;
right: 0;
margin-left: auto;
margin-right: 0;
padding-right: 7.3%;
font-size: smaller;
}