From dd06c6fe4ff35d07e094bce7915de0ffb411c7a4 Mon Sep 17 00:00:00 2001 From: schmop Date: Sun, 31 May 2026 18:31:15 +0200 Subject: [PATCH] =?UTF-8?q?Highscore-Karten=20ohne=20backdrop-filter=20(de?= =?UTF-8?q?ckend)=20=E2=80=94=20behebt=20Wolken-Ruckeln=20auf=20Apple?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/components/home/HighscoreColumn.svelte | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/lib/components/home/HighscoreColumn.svelte b/src/lib/components/home/HighscoreColumn.svelte index 7d7a14b..6f8f9dd 100644 --- a/src/lib/components/home/HighscoreColumn.svelte +++ b/src/lib/components/home/HighscoreColumn.svelte @@ -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);