As a user I want to see year dividers in the conversation timeline so I can orient myself in long correspondences #30

Closed
opened 2026-03-20 12:30:10 +01:00 by marcel · 0 comments
Owner

Background

Long correspondences (10+ documents) are currently a flat list of bubbles with no visual anchoring in time. Users have to read individual dates to understand where they are in the timeline.

Desired behaviour

  • A subtle year separator (e.g. ── 1923 ──) is inserted between consecutive document bubbles whenever the year changes
  • Undated documents are grouped at the end under a "Kein Datum" separator
  • No backend change needed — fully derivable from doc.documentDate on the frontend

Implementation notes

Frontend only. In the {#each data.documents as doc} loop, compare the year of the current document against the previous one and conditionally render a divider element. A small helper function getYear(isoDate) keeps the template clean.

Style suggestion: centered text, thin horizontal rules on each side, text-xs font-sans uppercase tracking-widest text-gray-400 — consistent with existing metadata styles.

## Background Long correspondences (10+ documents) are currently a flat list of bubbles with no visual anchoring in time. Users have to read individual dates to understand where they are in the timeline. ## Desired behaviour - A subtle year separator (e.g. `── 1923 ──`) is inserted between consecutive document bubbles whenever the year changes - Undated documents are grouped at the end under a "Kein Datum" separator - No backend change needed — fully derivable from `doc.documentDate` on the frontend ## Implementation notes **Frontend only.** In the `{#each data.documents as doc}` loop, compare the year of the current document against the previous one and conditionally render a divider element. A small helper function `getYear(isoDate)` keeps the template clean. Style suggestion: centered text, thin horizontal rules on each side, `text-xs font-sans uppercase tracking-widest text-gray-400` — consistent with existing metadata styles.
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: marcel/familienarchiv#30