boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Simplified the card size calculation formula to prevent issues caused by minification

Browse Source 
It was removing units from zero values which broke the formula
This commit is contained in:
lscambo13
2025-08-01 13:25:04 -07:00
parent bb1157da1e
commit bc8a696ace
1 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -130,7 +130,7 @@ html {
} }
.layout-mobile { .layout-mobile {
--itemColumnGap: 0em; --itemColumnGap: 0;
--sidePadding: 5%; --sidePadding: 5%;
} }
@@ -748,9 +748,21 @@ html {
} }
.card { .card {
--effectiveWidth: calc((99vw - (var(--sidePadding) * 2)));
--cardWidth: calc(var(--effectiveWidth) / var(--cardCount) - var(--itemColumnGap));
box-sizing: border-box; box-sizing: border-box;
width: var(--cardWidth) !important; width: var(--cardWidth) !important;
--cardWidth: calc((99vw - (var(--sidePadding) * 2)) / var(--cardCount) - var(--itemColumnGap)); }
.layout-mobile .card {
--cardWidth: calc(var(--effectiveWidth) / var(--cardCount));
}
/* this makes the card sizes smaller when phone is in landscape mode */
@media (orientation: landscape) and (max-height: 40em) {
.layout-mobile .card {
--effectiveWidth: calc((65vw - (var(--sidePadding) * 2)));
}
} }
.detailPageWrapperContainer { .detailPageWrapperContainer {
@@ -1199,13 +1211,6 @@ html {
} }
} }
/* this makes the card sizes smaller when phone is in landscape mode */
@media (orientation: landscape) and (max-height: 40em) {
.layout-mobile .card {
--cardWidth: calc((65vw - (var(--sidePadding) * 2)) / var(--cardCount) - var(--itemColumnGap));
}
}
h2 { h2 {
font-size: 1.25em; font-size: 1.25em;
} }