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

Fix: Thumbnails were not centered anymore on JF 10.11.0

Browse Source 
Fix: Rewrote some code to ensure that the secondary pages look consistent on different JF versions
This commit is contained in:
lscambo13
2025-10-25 13:06:26 -07:00
parent 2ea0f55e6c
commit e674310187
1 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -78,7 +78,7 @@
--sidePadding: 3.3%; --sidePadding: 3.3%;
--itemColumnGap: 1em; --itemColumnGap: 1em;
--primaryItemPageNegativeSpace: 17vh; --primaryItemPageNegativeSpace: 12vh;
--secondaryItemPageNegativeSpace: 35vh; --secondaryItemPageNegativeSpace: 35vh;
--blurSmallest: blur(2px); --blurSmallest: blur(2px);
@@ -1063,8 +1063,8 @@ html {
} }
.layout-desktop .detailRibbon { .layout-desktop .detailRibbon {
height: 32vh !important; height: 28vh;
margin-top: unset !important; margin-top: unset;
} }
/* test disabled for 10.11.0 */ /* test disabled for 10.11.0 */
@@ -1111,7 +1111,7 @@ html {
.detailLogo { .detailLogo {
display: block; display: block;
top: calc(100vh - 10em - var(--primaryItemPageNegativeSpace)); top: calc(100vh - 11em - var(--primaryItemPageNegativeSpace));
left: 0; left: 0;
width: 40%; width: 40%;
transform: translateY(-100%); transform: translateY(-100%);
@@ -1196,14 +1196,26 @@ html {
} }
.layout-desktop .detailImageContainer .card { .layout-desktop .detailImageContainer .card {
top: unset !important; position: absolute !important;
width: 22vh !important; width: 22vh !important;
float: none;
left: 0 !important;
top: 0;
right: 0;
margin: auto;
margin-bottom: 0;
place-self: center;
transform: translateY(-80%);
}
.layout-desktop .detailImageContainer .backdropCard,
.layout-desktop .detailImageContainer .squareCard {
transform: translateY(-100%);
} }
.detailImageContainer .card.backdropCard { .detailImageContainer .card.backdropCard {
width: 40vh !important; width: 40vh !important;
max-width: 50vw; max-width: 50vw;
margin-bottom: 1em;
} }
.detailImageContainer .card { .detailImageContainer .card {
@@ -2583,10 +2595,6 @@ div[data-role=controlgroup] a.ui-btn-active {
gap: 1em; gap: 1em;
} }
.detailImageContainer .card {
position: inherit !important;
}
.trackSelections { .trackSelections {
order: 3; order: 3;
max-width: unset !important; max-width: unset !important;