From 2f571b236e71117b9e4f41183d9be517208de478 Mon Sep 17 00:00:00 2001 From: archeious Date: Fri, 17 Apr 2026 17:42:35 -0600 Subject: [PATCH] fix(notes): make empty notes rows clickable on the budget page The notes row was display:none when empty and revealed on entry-row hover. Moving the cursor down to click the input left the entry row and immediately hid the notes again, a classic hover-gap. Fix by always rendering the row with a subtle 0.55 opacity when empty and bumping it to 1.0 on its own hover or focus. Now the input is always reachable without a hover dance. Refs #19 Co-Authored-By: Claude Opus 4.7 (1M context) --- src/quartermaster/static/app.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/quartermaster/static/app.css b/src/quartermaster/static/app.css index 6a986cc..a3cbf68 100644 --- a/src/quartermaster/static/app.css +++ b/src/quartermaster/static/app.css @@ -523,11 +523,10 @@ tr.entry-notes-row input.notes-input::placeholder { color: var(--rule); font-style: italic; } -tr.entry-notes-row:has(input:placeholder-shown) { display: none; } -tr.entry:hover + tr.entry-notes-row:has(input:placeholder-shown) { - display: block; - opacity: 0.5; -} +/* Empty notes render subtly (placeholder only) so they stay clickable. */ +tr.entry-notes-row:has(input:placeholder-shown) { opacity: 0.55; } +tr.entry-notes-row:hover, +tr.entry-notes-row:has(input:focus) { opacity: 1; } .tag { font-family: var(--sans);