refactor(ui): make an event row a single open target

The row already opened the event; the tick sat on top of it, so the two
smallest targets on the page did different things a few pixels apart.
"Done" was never the only thing a reader wants to say about an event
either — status, effort and notes all live in the detail sheet.

The tick becomes a chevron: decorative, aria-hidden, and leaning towards
where the row is about to take you on hover. The full-bleed button is
the only control, so there is no second stop for anyone tabbing or using
a screen reader. Undo on a revealed ignored row stays a real button —
it is a real action with nowhere better to sit.

Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
This commit is contained in:
Lucas Winther
2026-08-15 21:16:25 +02:00
co-authored by Claude Opus 5
parent b085087b05
commit b1df7b2581
3 changed files with 50 additions and 31 deletions
-2
View File
@@ -228,7 +228,6 @@ export function App() {
status={prog.progress[row.event.id]?.status}
effort={prog.progress[row.event.id]?.effort}
ignored={ignored.marks[row.event.id] !== undefined}
onToggle={toggle}
onRestore={(id) => ignored.toggle(id)}
onOpen={setOpenId}
/>
@@ -246,7 +245,6 @@ export function App() {
status={prog.progress[row.event.id]?.status}
effort={prog.progress[row.event.id]?.effort}
ignored={ignored.marks[row.event.id] !== undefined}
onToggle={toggle}
onRestore={(id) => ignored.toggle(id)}
onOpen={setOpenId}
/>