schmop/zahlzerlegung
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Highscore-Karten ohne backdrop-filter (deckend) — behebt Wolken-Ruckeln auf Apple

Browse Source
This commit is contained in:
schmop 2026-05-31 18:31:15 +02:00
parent 86f69c7308
commit dd06c6fe4f
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/lib/components/home/HighscoreColumn.svelte
View File

@ -76,14 +76,13 @@
gap: 10px;
height: 100%;
}
/* Karten sind bewusst deckend (dunkel, frosted): die Hintergrund-Animationen
laufen dahinter und können die Inhalte nie überdecken oder unleserlich machen. */
/* Karten sind bewusst deckend (dunkel): die Hintergrund-Animationen laufen dahinter
und können die Inhalte nie überdecken. Kein backdrop-filter — der Blur zwingt
WebKit/Safari, den Bereich bei jeder bewegten Wolke neu zu rastern (Ruckeln). */
.slot {
position: relative;
background: rgba(16, 26, 54, 0.8);
background: rgba(16, 26, 54, 0.92);
border: 1px solid rgba(255, 255, 255, 0.16);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border-radius: 14px;
display: flex;
align-items: center;
@ -92,7 +91,7 @@
min-height: 56px;
}
.slot.empty {
background: rgba(16, 26, 54, 0.45);
background: rgba(16, 26, 54, 0.6);
}
.slot.current {
border-color: var(--c-rocket-window);