danvics/ElegantFin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Updated the media bar plugin styling on TVs to match the desktop layout

Browse source
This commit is contained in:
lscambo13 2025-08-06 08:15:40 -07:00
parent 8f19efcc84
commit 2ac4097966
1 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
Theme/assets/add-ons/media-bar-plugin-support-nightly.css
View file

@ -41,7 +41,8 @@
} }
/* this is my own take */ /* this is my own take */
.layout-desktop #slides-container { .layout-desktop #slides-container,
.layout-tv #slides-container {
width: calc(100vw - (2 * var(--sidePadding))); width: calc(100vw - (2 * var(--sidePadding)));
height: 60%; height: 60%;
top: 8em; top: 8em;
@ -51,18 +52,27 @@
user-select: none; user-select: none;
} }
.layout-desktop .logo-container { .layout-tv #slides-container {
top: 0em;
}
.layout-desktop .logo-container,
.layout-tv .logo-container {
top: 10vh; top: 10vh;
} }
.layout-desktop .backdrop, .layout-desktop .backdrop,
.layout-desktop .backdrop-container, .layout-desktop .backdrop-container,
.layout-desktop .backdrop-overlay { .layout-desktop .backdrop-overlay,
.layout-tv .backdrop,
.layout-tv .backdrop-container,
.layout-tv .backdrop-overlay {
mask-image: none; mask-image: none;
-webkit-mask-image: none; -webkit-mask-image: none;
} }
.layout-desktop .backdrop-overlay { .layout-desktop .backdrop-overlay,
.layout-tv .backdrop-overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, .85), 40%, transparent); background: linear-gradient(0deg, rgba(0, 0, 0, .85), 40%, transparent);
} }