From 4e3241bfad5205e1fd712c8adf0b1cfe6998a836 Mon Sep 17 00:00:00 2001 From: BoulderBadgeDad Date: Sun, 7 Jun 2026 16:39:35 -0700 Subject: [PATCH] Track rows: drop the pill behind track-match-status (rendered behind the library status) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The status pill is a z-index:-1 ::before drawn behind the text. On the download-status column it looks right, but on the track-match-status variants (match-found/missing/checking) the -1 pill rendered behind the adjacent library-status cell and looked broken (Boulder). Removed the pill from the match-status variants — they keep their coloured text (--row-state-fg), no pill — and dropped the now-orphan z-index:0 stacking context from the base rule (position:relative stays for the hover tooltip). Download-status pills untouched. --- webui/static/style.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/webui/static/style.css b/webui/static/style.css index 0c2900d9..f6a2452e 100644 --- a/webui/static/style.css +++ b/webui/static/style.css @@ -66371,20 +66371,20 @@ body.em-scroll-lock { overflow: hidden; } .track-download-status.download-downloading, .track-download-status.download-complete, .track-match-status { - position: relative; - z-index: 0; + position: relative; /* for the hover tooltip ::after — no pill anymore */ font-size: 11px; font-weight: 600; letter-spacing: 0.02em; color: var(--row-state-fg, rgba(255, 255, 255, 0.65)); } +/* Pill drawn behind the status text. ONLY the download-status column gets it — + the track-match-status variants rendered the z-index:-1 pill behind the + library-status cell and looked broken, so they keep just their coloured + text (--row-state-fg), no pill. */ .track-download-status[data-state]::before, .track-download-status.download-downloading::before, -.track-download-status.download-complete::before, -.track-match-status.match-found::before, -.track-match-status.match-missing::before, -.track-match-status.match-checking::before { +.track-download-status.download-complete::before { content: ''; position: absolute; top: 50%;