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

Fix: Cards were misaligned on older browsers

Browse source 
Fix: Some cards had blue focus outline on TVs
This commit is contained in:
lscambo13 2025-08-22 12:44:37 -07:00
parent 9679d8db4d
commit 9d1c26e798
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
Theme/ElegantFin-theme-nightly.css
View file

@ -196,11 +196,7 @@ html {
color: var(--borderColor);
}
.card {
padding: .375em;
transition: width .5s;
}
.card:focus .cardBox.visualCardBox,
.card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-color: white !important;
}
@ -840,8 +836,17 @@ html {
.card {
--effectiveWidth: calc((99vw - (var(--sidePadding) * 2)));
--cardWidth: calc(var(--effectiveWidth) / var(--cardCount) - var(--itemColumnGap));
box-sizing: border-box;
width: var(--cardWidth) !important;
padding: .375em;
transition: width .5s;
box-sizing: content-box;
}
/* this makes the cards bigger and center aligned on older browsers */
@supports (aspect-ratio: 1 / 1) {
.card {
box-sizing: border-box;
}
}
.layout-mobile .card {