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

@ -302,7 +302,14 @@ button::-moz-focus-inner {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: start;
[dir="ltr"] & {
text-align: left;
}
[dir="rtl"] & {
text-align: right;
}
}
.dialog .cardText {
@ -396,21 +403,35 @@ button::-moz-focus-inner {
}
.cardIndicators {
inset-inline-end: 0.225em;
top: 0.225em;
position: absolute;
display: flex;
align-items: center;
contain: layout style;
[dir="ltr"] & {
right: 0.225em;
}
[dir="rtl"] & {
left: 0.225em;
}
}
.cardProgramAttributeIndicators {
top: 0;
inset-inline-start: 0;
position: absolute;
display: flex;
text-transform: uppercase;
font-size: 92%;
[dir="ltr"] & {
left: 0;
}
[dir="rtl"] & {
right: 0;
}
}
.programAttributeIndicator {
@ -430,7 +451,15 @@ button::-moz-focus-inner {
.cardOverlayButton-br {
position: absolute;
bottom: 0;
inset-inline-end: 0;
[dir="ltr"] & {
right: 0;
}
[dir="rtl"] & {
left: 0;
}
}
.cardOverlayButtonIcon {