Notifications: titles truncate; drop unread dot like Mail #1414

Closed
opened 2026-10-07 22:42:02 +00:00 by kayg · 3 comments
Owner

Problem

In the Notifications panel at 1440 px the title of every row truncates after about 14 characters ("Ten 1440 tokyo-n…"). The title column gets about 130 px of a 400 px panel; the time, a blue unread dot, a wide gap, the Open pill and the × take the rest. Evidence: worktree notifdel-1363, artifacts/notifdel-1363/keyboard-delete-1440-tokyo-night.png.

Expected

  • The title takes the free width of the row. The time sits right-aligned in the same line or under the title in secondary text, whichever matches the Mail list row (reuse its row layout tokens, do not invent one).
  • No unread dot. Unread rows use the same treatment the owner chose for Mail (#1389): bold title for unread, regular weight for read. One rule app-wide.
  • Open and × stay in the row but do not reserve width when hidden; × keeps its current hover/focus reveal.
  • Rings only after Tab/arrow navigation (as now).

Gates

bun run check, bun run test; screenshots at actual size at 390, 820, 1440 px, light and dark, with long and short titles, read and unread, next to a Mail list screenshot.

## Problem In the Notifications panel at 1440 px the title of every row truncates after about 14 characters ("Ten 1440 tokyo-n…"). The title column gets about 130 px of a 400 px panel; the time, a blue unread dot, a wide gap, the Open pill and the × take the rest. Evidence: worktree notifdel-1363, `artifacts/notifdel-1363/keyboard-delete-1440-tokyo-night.png`. ## Expected - The title takes the free width of the row. The time sits right-aligned in the same line or under the title in secondary text, whichever matches the Mail list row (reuse its row layout tokens, do not invent one). - No unread dot. Unread rows use the same treatment the owner chose for Mail (#1389): bold title for unread, regular weight for read. One rule app-wide. - Open and × stay in the row but do not reserve width when hidden; × keeps its current hover/focus reveal. - Rings only after Tab/arrow navigation (as now). ## Gates bun run check, bun run test; screenshots at actual size at 390, 820, 1440 px, light and dark, with long and short titles, read and unread, next to a Mail list screenshot.
Author
Owner

Start: branch job/notifrow-1414, base 82ba8065f (job/notifdel-1363).

Start: branch job/notifrow-1414, base 82ba8065f (job/notifdel-1363).
Author
Owner

Finished on job/notifrow-1414, head 3b4830088. Title takes free row width; unread = bold title + accent time, no dot; Open and Delete take zero width at rest (revealed on hover/focus; Open stays visible on touch). bun run check exit 0, bun run test 297 files / 2120 tests passed. Screenshots in artifacts/notifrow-1414/ in the worktree.

Finished on job/notifrow-1414, head 3b4830088. Title takes free row width; unread = bold title + accent time, no dot; Open and Delete take zero width at rest (revealed on hover/focus; Open stays visible on touch). bun run check exit 0, bun run test 297 files / 2120 tests passed. Screenshots in artifacts/notifrow-1414/ in the worktree.
Author
Owner

Deployed to calternal.cloud in merge round 35b (build 9dc65437e, live 2026-10-09 ~11:07 IST). Closing.

Deployed to calternal.cloud in merge round 35b (build 9dc65437e, live 2026-10-09 ~11:07 IST). Closing.
kayg closed this issue 2026-10-09 05:36:59 +00:00
Commenting is not possible because the repository is archived.
No labels
No milestone
No project
No assignees
1 participant
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
kayg/calternal-v0#1414
No description provided.