From c1f71c1d06084960fdc76d85e41c5af6152880e2 Mon Sep 17 00:00:00 2001 From: Honey Date: Sat, 25 Apr 2026 21:52:25 +0200 Subject: [PATCH] fix: player-track overflow:visible so vinyl circle is not clipped overflow:hidden on .player-track was cutting off the border-radius and box-shadow ring of the circular cover art on all sides except one. Text truncation is handled by the individual text elements themselves. Co-Authored-By: Claude Sonnet 4.6 --- styles.css | 2 +- sw.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 10d6017..53525d1 100644 --- a/styles.css +++ b/styles.css @@ -175,7 +175,7 @@ nav{flex:1;overflow-y:auto;padding:4px 10px} /* ── PLAYER ── */ .player{position:fixed;bottom:0;left:0;right:0;height:var(--player-h);background:rgba(8,8,20,.93);backdrop-filter:blur(28px);border-top:1px solid var(--border2);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;padding:0 20px;z-index:100} -.player-track{min-width:0;display:flex;align-items:center;gap:10px;overflow:hidden} +.player-track{min-width:0;display:flex;align-items:center;gap:10px;overflow:visible} .player-art{width:52px;height:52px;border-radius:50%;background:var(--surface2);flex-shrink:0;overflow:hidden;position:relative;box-shadow:0 0 0 2px var(--surface2),0 0 0 4px rgba(255,255,255,.08)} .player-art img{width:100%;height:100%;object-fit:cover;border-radius:50%} .player-art .no-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text3)} diff --git a/sw.js b/sw.js index 72583fd..8af5516 100644 --- a/sw.js +++ b/sw.js @@ -1,4 +1,4 @@ -const CACHE = 'ns-v26'; +const CACHE = 'ns-v27'; const PRECACHE = ['/', 'index.html', 'styles.css', 'app.js', 'manifest.json', 'icon.svg']; const SKIP_PATHS = ['/rest/stream', '/rest/download', '/config.js'];