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:
co-authored by
Claude Opus 5
parent
b085087b05
commit
b1df7b2581
@@ -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}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user