fix(ui): align mobile notification checkboxes - #3616
Conversation
The mobile checkbox is still positioned against the row by hand, so it has to encode item.component's grid geometry as a literal in table.component — the coupling that broke when 840019c reordered the rows. And no single literal can be right any more: that commit also pinned `.service` to grid row 1, so a service avatar makes the title row 32px against 27.4px without one, and the icon the checkbox stands in for sits 4px lower on notifications that have one. Project the checkbox into `.title` ahead of the icon instead. On mobile it is then an in-flow flex item, so `.title`'s existing `align-items: center` places it — the same rule that places the icon. The two swap via `display`; both are 1rem behind the same gap, so nothing on the card moves as selection turns on. Desktop keeps absolute positioning, now anchored to the row rather than to the date cell the checkbox no longer lives in, so mobile has nothing to undo. No offset constant remains for a future row reorder to invalidate. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
|
Thanks for tracking this down — the diagnosis and the two files were right, and the version plumbing is exactly per I've pushed a commit that changes how the checkbox is placed. Measuring the offset against the icon it replaces, So the checkbox is now projected into Your version bump and changelog entry are unchanged and still describe it correctly. Note that #3617 also adds |
Summary
Testing