boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-12-28 06:47:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Improved support for the Media Bar Plugin

Browse Source
This commit is contained in:
lscambo13
2025-11-09 21:48:13 +05:30
parent 17e2fe6940
commit af01c3636d
2 changed files with 39 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
Theme/ElegantFin-theme-nightly.css
View File

@@ -3869,3 +3869,41 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
.layout-tv .show-animation:focus { .layout-tv .show-animation:focus {
transform: none !important; transform: none !important;
} }
/* basic styling for the Media Bar Plugin - start
for extended styling, use the add-on */
#slides-container {
top: calc(-0.5 * var(--appBarHeight));
}
.backdrop-overlay {
background: linear-gradient(
var(--lighterGradientPoint),
var(--gradientPointAlpha),
60%,
var(--darkerGradientPointAlpha)
);
}
.plot {
color: var(--textColor);
text-shadow: 1px 1px var(--lighterGradientPointAlpha);
}
.button-container {
align-items: center;
}
.favorite-button {
background: none;
color: var(--textColor);
}
.detail-button:hover,
.favorite-button:hover {
background: var(--dimTextColor);
color: black;
}
/* basic styling for the Media Bar Plugin - end */

29
Theme/assets/add-ons/media-bar-plugin-support-nightly.css
View File

@@ -1,20 +1,5 @@
/* Add-on: Media Bar plugin support nightly for the ElegantFin Theme for Jellyfin by lscambo13 */ /* Add-on: Media Bar plugin support nightly for the ElegantFin Theme for Jellyfin by lscambo13 */
/* this styles the media bar plugin - start */ /* this styles the media bar plugin - start */
.button-container {
align-items: center;
}
.favorite-button {
background: none;
color: var(--textColor);
}
.detail-button:hover,
.favorite-button:hover {
background: var(--dimTextColor);
color: black;
}
.play-button::before, .play-button::before,
.detail-button::before, .detail-button::before,
.favorite-button::before, .favorite-button::before,
@@ -53,21 +38,13 @@
#slides-container { #slides-container {
width: calc(100vw - (2 * var(--sidePadding))); width: calc(100vw - (2 * var(--sidePadding)));
height: 62%; height: 62%;
top: calc(1.5 * var(--appBarHeight)); top: var(--appBarHeight);
border: var(--defaultBorder); border: var(--defaultBorder);
border-radius: var(--largerRadius); border-radius: var(--largerRadius);
transition: all .125s, border 0s; transition: all .125s, border 0s;
user-select: none; user-select: none;
} }
.layout-tv #slides-container {
top: 0em;
}
.layout-mobile #slides-container {
top: 10em;
}
.logo-container { .logo-container {
top: 10vh; top: 10vh;
} }
@@ -89,10 +66,6 @@
transform: translateX(-50%) scale(0.8); transform: translateX(-50%) scale(0.8);
} }
.info-container {
/* top: calc(50% + 6vh); */
}
.tomato-rating { .tomato-rating {
display: none; display: none;
} }