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: 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
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 {