From 35fd00437fed5ec81e9b48befca51eb2c3c85d16 Mon Sep 17 00:00:00 2001 From: StyxX65 <150797939+StyxX65@users.noreply.github.com> Date: Wed, 10 Jun 2026 11:20:06 +0200 Subject: [PATCH] Fix redact button invisible in grid view MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .card-redact-btn had opacity:0 at rest (only opacity:1 on .card:hover), so the ✏ redact button was completely invisible in the default grid/thumbnail view — it only showed in list view, which forces opacity:1. Give it the same 0.35 baseline opacity as .card-delete-btn so it's discoverable at rest and brightens on hover. The button was always rendered in the DOM; this is a pure visibility fix. Co-Authored-By: Claude Fable 5 --- static/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index af3edca..705467f 100644 --- a/static/style.css +++ b/static/style.css @@ -253,7 +253,7 @@ .card-delete-btn { position:absolute; top:6px; right:6px; background:rgba(0,0,0,0.45); color:#fff; border:none; border-radius:50%; width:22px; height:22px; font-size:13px; line-height:22px; text-align:center; cursor:pointer; opacity:0.35; transition:opacity .15s; padding:0; z-index:1; } .card:hover .card-delete-btn { opacity:1; } .card.list-view .card-delete-btn { position:static; opacity:1; background:transparent; color:var(--muted); flex-shrink:0; } - .card-redact-btn { position:absolute; top:6px; right:32px; background:rgba(0,80,40,0.55); color:#7effc0; border:none; border-radius:50%; width:22px; height:22px; font-size:12px; line-height:22px; text-align:center; cursor:pointer; opacity:0; transition:opacity .15s; padding:0; z-index:1; } + .card-redact-btn { position:absolute; top:6px; right:32px; background:rgba(0,80,40,0.55); color:#7effc0; border:none; border-radius:50%; width:22px; height:22px; font-size:12px; line-height:22px; text-align:center; cursor:pointer; opacity:0.35; transition:opacity .15s; padding:0; z-index:1; } .card:hover .card-redact-btn { opacity:1; } .card.list-view .card-redact-btn { position:static; opacity:1; background:transparent; color:#7effc0; flex-shrink:0; }