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

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