aleabodo/SleekFin
1
0
Fork 0
Code Issues Pull Requests Actions 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 {
--itemColumnGap: 0em;
--itemColumnGap: 0;
--sidePadding: 5%;
}
@@ -748,9 +748,21 @@ html {
}
.card {
--effectiveWidth: calc((99vw - (var(--sidePadding) * 2)));
--cardWidth: calc(var(--effectiveWidth) / var(--cardCount) - var(--itemColumnGap));
box-sizing: border-box;
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 {
@@ -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 {
font-size: 1.25em;
}