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

Replaced all inline entries with attribute bases selectors

This commit is contained in:
Hadi Charara 2022-07-14 17:59:23 -04:00
parent f218e28949
commit d4202e0279
50 changed files with 805 additions and 155 deletions

View file

@ -39,7 +39,13 @@
}
.nowPlayingPageTitle {
margin: 0 0 0.5em 0.5em;
[dir="ltr"] & {
margin: 0 0 0.5em 0.5em;
}
[dir="rtl"] & {
margin: 0 0.5em 0.5em 0;
}
}
.nowPlayingAlbum a,
@ -98,10 +104,17 @@
.nowPlayingPageImageContainer {
width: 16%;
margin-inline-end: 1em;
position: relative;
-webkit-flex-shrink: 0;
flex-shrink: 0;
[dir="ltr"] & {
margin-right: 1em;
}
[dir="rtl"] & {
margin-left: 1em;
}
}
.nowPlayingPageImageContainerNoAlbum {
@ -269,7 +282,13 @@
@media all and (min-width: 80em) {
.nowPlayingPageImageContainer {
margin-inline-end: 0.75em;
[dir="ltr"] & {
margin-right: 0.75em;
}
[dir="rtl"] & {
margin-left: 0.75em;
}
}
}
@ -366,24 +385,49 @@
.nowPlayingInfoControls .nowPlayingPageUserDataButtonsTitle button {
padding-top: 0;
padding-inline-end: 0;
margin-inline-end: 0;
float: inline-end;
border-radius: 0;
[dir="ltr"] & {
padding-right: 0;
margin-right: 0;
float: right;
}
[dir="rtl"] & {
padding-left: 0;
margin-left: 0;
float: left;
}
}
.nowPlayingInfoButtons .btnRepeat,
.nowPlayingInfoButtons .btnRewind {
margin-inline-start: 0;
margin-inline-end: auto;
font-size: smaller;
[dir="ltr"] & {
margin-left: 0;
margin-right: auto;
}
[dir="rtl"] & {
margin-right: 0;
margin-left: auto;
}
}
.nowPlayingInfoButtons .btnShuffleQueue,
.nowPlayingInfoButtons .btnFastForward {
margin-inline-start: auto;
margin-inline-end: 0;
font-size: smaller;
[dir="ltr"] & {
margin-left: auto;
margin-right: 0;
}
[dir="rtl"] & {
margin-right: auto;
margin-left: 0;
}
}
.paper-icon-button-light {