Fix: Custom Media Cover titles were not visible on TVs
This commit is contained in:
parent
4e53bd27bc
commit
7dcd42f992
1 changed files with 20 additions and 6 deletions
|
|
@ -40,8 +40,9 @@
|
||||||
|
|
||||||
[data-type="CollectionFolder"] .cardContent::before,
|
[data-type="CollectionFolder"] .cardContent::before,
|
||||||
[data-type="UserView"] .cardContent::before {
|
[data-type="UserView"] .cardContent::before {
|
||||||
|
content: attr(aria-label);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: clamp(1em, max(2.5vh, 2vw), 2.5em);
|
font-size: clamp(1em, max(2.5vh, 2vw), 2em);
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
color: white;
|
color: white;
|
||||||
font-family: "Noto Sans";
|
font-family: "Noto Sans";
|
||||||
|
|
@ -50,6 +51,24 @@
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layout-tv [data-type="CollectionFolder"]::before,
|
||||||
|
.layout-tv [data-type="UserView"]::before {
|
||||||
|
content: attr(aria-label);
|
||||||
|
position: absolute;
|
||||||
|
display: grid;
|
||||||
|
align-content: center;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
font-size: clamp(1em, max(2.5vh, 2vw), 2em);
|
||||||
|
font-weight: 800;
|
||||||
|
color: white;
|
||||||
|
font-family: "Noto Sans";
|
||||||
|
text-align: center;
|
||||||
|
width: 94%;
|
||||||
|
white-space: normal;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
[data-type="CollectionFolder"] .cardImageIcon:not(.quiz)::before,
|
[data-type="CollectionFolder"] .cardImageIcon:not(.quiz)::before,
|
||||||
[data-type="UserView"] .cardImageIcon:not(.quiz)::before {
|
[data-type="UserView"] .cardImageIcon:not(.quiz)::before {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -114,8 +133,3 @@
|
||||||
background-color: var(--colorOverlayRecordedtvCover) !important;
|
background-color: var(--colorOverlayRecordedtvCover) !important;
|
||||||
background-image: var(--urlRecordedtvCover) !important;
|
background-image: var(--urlRecordedtvCover) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-type="CollectionFolder"] .cardContent::before,
|
|
||||||
[data-type="UserView"] .cardContent::before {
|
|
||||||
content: attr(aria-label);
|
|
||||||
}
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue