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; gap: 10px;
height: 100%; height: 100%;
} }
/* Karten sind bewusst deckend (dunkel, frosted): die Hintergrund-Animationen /* Karten sind bewusst deckend (dunkel): die Hintergrund-Animationen laufen dahinter
laufen dahinter und können die Inhalte nie überdecken oder unleserlich machen. */ 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 { .slot {
position: relative; 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); border: 1px solid rgba(255, 255, 255, 0.16);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border-radius: 14px; border-radius: 14px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -92,7 +91,7 @@
min-height: 56px; min-height: 56px;
} }
.slot.empty { .slot.empty {
background: rgba(16, 26, 54, 0.45); background: rgba(16, 26, 54, 0.6);
} }
.slot.current { .slot.current {
border-color: var(--c-rocket-window); border-color: var(--c-rocket-window);