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

Merge pull request #3456 from dmitrylyzo/refactor-remotecontrol

Few refactors of remotecontrol
This commit is contained in:
Bill Thornton 2022-03-01 10:03:53 -05:00 committed by GitHub
commit 58923378a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 11 deletions

View file

@ -389,6 +389,10 @@ button::-moz-focus-inner {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.cardImageContainer .cardImageIcon {
margin: auto; /* 'justify-content: center' doesn't work in Safari 10 */
}
.cardIndicators { .cardIndicators {
right: 0.225em; right: 0.225em;
top: 0.225em; top: 0.225em;

View file

@ -81,8 +81,6 @@
-webkit-box-align: center; -webkit-box-align: center;
-webkit-align-items: center; -webkit-align-items: center;
align-items: center; align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-shrink: 0; -webkit-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
} }
@ -275,9 +273,7 @@
.remoteControlContent { .remoteControlContent {
padding-left: 7.3% !important; padding-left: 7.3% !important;
padding-right: 7.3% !important; padding-right: 7.3% !important;
display: flex;
height: 100%; height: 100%;
flex-direction: column;
} }
.layout-desktop .nowPlayingPageUserDataButtons { .layout-desktop .nowPlayingPageUserDataButtons {
@ -321,6 +317,8 @@
-webkit-justify-content: center; -webkit-justify-content: center;
justify-content: center; justify-content: center;
font-size: 1.5em; font-size: 1.5em;
margin-left: -0.5em;
margin-right: -0.5em;
} }
.nowPlayingPageImageContainer { .nowPlayingPageImageContainer {
@ -372,19 +370,15 @@
.nowPlayingInfoButtons .btnRepeat, .nowPlayingInfoButtons .btnRepeat,
.nowPlayingInfoButtons .btnRewind { .nowPlayingInfoButtons .btnRewind {
position: absolute;
left: 0;
margin-left: 0; margin-left: 0;
padding-left: 7.3%; margin-right: auto;
font-size: smaller; font-size: smaller;
} }
.nowPlayingInfoButtons .btnShuffleQueue, .nowPlayingInfoButtons .btnShuffleQueue,
.nowPlayingInfoButtons .btnFastForward { .nowPlayingInfoButtons .btnFastForward {
position: absolute; margin-left: auto;
right: 0;
margin-right: 0; margin-right: 0;
padding-right: 7.3%;
font-size: smaller; font-size: smaller;
} }
@ -416,7 +410,6 @@
.nowPlayingButtonsContainer { .nowPlayingButtonsContainer {
display: flex; display: flex;
height: 100%;
flex-direction: column; flex-direction: column;
} }
} }