boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-11-07 15:25:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

New: Added initial support for JF Server 10.11.0

Browse Source
This commit is contained in:
lscambo13
2025-10-24 09:39:20 -07:00
parent eff306a900
commit 5988cee24c
1 changed files with 42 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -78,7 +78,7 @@
--sidePadding: 3.3%; --sidePadding: 3.3%;
--itemColumnGap: 1em; --itemColumnGap: 1em;
--primaryItemPageNegativeSpace: 15vh; --primaryItemPageNegativeSpace: 17vh;
--secondaryItemPageNegativeSpace: 35vh; --secondaryItemPageNegativeSpace: 35vh;
--blurSmallest: blur(2px); --blurSmallest: blur(2px);
@@ -896,17 +896,19 @@ html {
flex-direction: column; flex-direction: column;
/* center content on desktop */ /* center content on desktop */
align-items: center; align-items: center;
text-align: center; /* this aligns the plot to left on 10.11.0 */
margin-bottom: -1.5em; text-align: left;
/* temporarily disabled for 10.11.0 */
/* margin-bottom: -1.5em; */
} }
.layout-mobile .detailPagePrimaryContainer { /* test disabled for 10.11.0 */
/* .layout-mobile .detailPagePrimaryContainer {
padding: .5em var(--sidePadding); padding: .5em var(--sidePadding);
} } */
/* [dir=ltr] .detailPagePrimaryContent {
[dir=ltr] .detailPagePrimaryContent {
padding-right: 0; padding-right: 0;
} } */
.layout-desktop .detailPagePrimaryContainer { .layout-desktop .detailPagePrimaryContainer {
background: transparent; background: transparent;
@@ -916,6 +918,24 @@ html {
background-color: transparent; background-color: transparent;
} }
/* this removes the extra large left paading on 10.11.0 */
.detailPagePrimaryContainer>.detailPagePrimaryContent,
[dir=ltr] .detailPagePrimaryContainer>.detailRibbon,
/* this removes the extra large left paading on pre-10.11.0 */
[dir=ltr] .detailPagePrimaryContainer.detailRibbon {
padding-left: var(--sidePadding);
}
/* this places main media buttons below the title on 10.11.0 */
.layout-desktop [dir=ltr] .detailRibbon,
.layout-tv [dir=ltr] .detailRibbon {
flex-direction: column;
}
.detailPagePrimaryContainer>.detailPagePrimaryContent {
padding-top: 0;
}
.detailPageSecondaryContainer { .detailPageSecondaryContainer {
padding-top: 0; padding-top: 0;
} }
@@ -1035,10 +1055,11 @@ html {
margin-top: unset !important; margin-top: unset !important;
} }
.layout-desktop [dir=ltr] .detailPagePrimaryContainer, /* test disabled for 10.11.0 */
/* .layout-desktop [dir=ltr] .detailPagePrimaryContainer,
.layout-tv [dir=ltr] .detailPagePrimaryContainer { .layout-tv [dir=ltr] .detailPagePrimaryContainer {
padding-left: var(--sidePadding); padding-left: var(--sidePadding);
} } */
@keyframes animMoveDown { @keyframes animMoveDown {
from { from {
@@ -1197,6 +1218,8 @@ html {
align-content: end; align-content: end;
place-items: center; place-items: center;
display: grid; display: grid;
/* this centers the title and other text on 10.11.0 */
text-align: center;
} }
/* Both the blocks below position the poster in main media page in the center */ /* Both the blocks below position the poster in main media page in the center */
@@ -2692,9 +2715,10 @@ div[data-role=controlgroup] a.ui-btn-active {
padding-right: 6.5%; padding-right: 6.5%;
} }
.detailPagePrimaryContent.padded-right { /* test disabled for 10.11.0 */
/* .detailPagePrimaryContent.padded-right {
padding-right: 0 !important; padding-right: 0 !important;
} } */
[dir=ltr] .detailPageContent, [dir=ltr] .detailPageContent,
.content-primary { .content-primary {
@@ -2702,6 +2726,12 @@ div[data-role=controlgroup] a.ui-btn-active {
padding-right: var(--sidePadding) !important; padding-right: var(--sidePadding) !important;
} }
/* this prevents double padding on Jellyfin pre-10.11.0 */
[dir=ltr] .detailPageContent>.detailPagePrimaryContent {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* this removes right padding from cast page sections to place cards evenly*/ /* this removes right padding from cast page sections to place cards evenly*/
#itemDetailPage .verticalSection .itemsContainer.padded-right { #itemDetailPage .verticalSection .itemsContainer.padded-right {
padding-right: 0 !important; padding-right: 0 !important;