From bb143a249b3fa69f8a6cd62fdda39d66aeb46d5a Mon Sep 17 00:00:00 2001 From: marwin Date: Sat, 15 Aug 2026 00:02:05 +0200 Subject: [PATCH] =?UTF-8?q?Reader:=20Toast-Optik=20repariert=20=E2=80=94?= =?UTF-8?q?=20Button-Font=20und=20doppelter=20Textschatten=20(SW=20v35)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .reader-toast-btn hatte keine font-family gesetzt; Buttons erben das anders als normaler Text nicht vom body, dadurch fiel "Zurückspringen" auf die System-Schrift statt Courier New zurück. .reader-toast/.reader-toast-action erbten außerdem den globalen Halo-Textschatten (--outline), der eigentlich Text gegen wechselnde Hintergründe absetzen soll. Die Toasts tauschen Vorder-/Hintergrund aber bewusst (weiße Pille, schwarzer Text) und sitzen bereits auf eigenem, blickdichtem Hintergrund — der geerbte Schatten hatte dadurch exakt die Textfarbe und verdickte die Schrift nur unnötig, statt einen Kontrast-Effekt zu erzielen. Jetzt wie die übrigen Elemente mit eigenem farbigen Hintergrund (.btn-play etc.) explizit mit text-shadow:none von diesem Effekt ausgenommen. Co-Authored-By: Claude Sonnet 5 --- static/css/app.css | 5 +++-- static/js/sw.js | 2 +- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/static/css/app.css b/static/css/app.css index f3b0d56..3f953dc 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -77,7 +77,8 @@ html, body { .btn-lastfm, .btn-danger, .btn-primary, -.navbar-brand { +.navbar-brand, +.reader-toast { text-shadow: none; } @@ -1935,7 +1936,7 @@ mark.reader-search-match.active { background:rgba(230,57,70,.7); } @keyframes toast-fade { 0%,70%{opacity:1} 100%{opacity:0} } .reader-toast-action { display:flex; align-items:center; gap:10px; padding:8px 8px 8px 14px; animation:toast-slide-up 0.2s ease forwards; pointer-events:auto; } -.reader-toast-btn { background:var(--accent,#e63946); color:#fff; border:none; border-radius:calc(var(--radius) - 2px); padding:5px 12px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; } +.reader-toast-btn { background:var(--accent,#e63946); color:#fff; border:none; border-radius:calc(var(--radius) - 2px); padding:5px 12px; font-family:var(--font); font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; } .reader-toast-btn:hover { filter:brightness(1.1); } @keyframes toast-slide-up { 0%{opacity:0; transform:translate(-50%, 8px);} 100%{opacity:1; transform:translate(-50%, 0);} } diff --git a/static/js/sw.js b/static/js/sw.js index cf4db2c..900716b 100644 --- a/static/js/sw.js +++ b/static/js/sw.js @@ -2,7 +2,7 @@ * diora service worker — caches the app shell for offline use. */ -const CACHE = 'diora-v34'; +const CACHE = 'diora-v35'; const PODCAST_CACHE = 'diora-podcast-v1'; const SHELL = [ '/static/css/app.css',