Lesereise curator annotation shows a navy left border instead of the mint accent #798

Open
opened 2026-06-10 22:15:21 +02:00 by marcel · 0 comments
Owner

Problem

On the Journey detail view, the curator annotation under a document card renders with a dark navy left border. The spec (docs/specs/lesereisen-reader-spec.html, LR-2 impl-ref "Kuratoren-Annotation") specifies border-l-2 border-mint.

Root cause

frontend/src/lib/geschichte/JourneyItemCard.svelte:61 uses the class border-mint, but no mint color utility exists — the token in layout.css is --color-brand-mint, so the utility is border-brand-mint. With an unknown color utility, Tailwind 4 generates nothing and the border-l-2 falls back to currentColor, which inherits the navy ink color.

Fix

One word: border-mintborder-brand-mint in JourneyItemCard.svelte.

Optionally grep the codebase for other bare -mint / -navy utilities that miss the brand- prefix.

Acceptance criteria

  • Annotation left border renders in mint (#a1dcd8) on the Journey detail view
  • No other occurrences of the invalid border-mint/bg-mint/text-mint classes remain
## Problem On the Journey detail view, the curator annotation under a document card renders with a dark navy left border. The spec (`docs/specs/lesereisen-reader-spec.html`, LR-2 impl-ref "Kuratoren-Annotation") specifies `border-l-2 border-mint`. ## Root cause `frontend/src/lib/geschichte/JourneyItemCard.svelte:61` uses the class `border-mint`, but no `mint` color utility exists — the token in `layout.css` is `--color-brand-mint`, so the utility is `border-brand-mint`. With an unknown color utility, Tailwind 4 generates nothing and the `border-l-2` falls back to `currentColor`, which inherits the navy ink color. ## Fix One word: `border-mint` → `border-brand-mint` in `JourneyItemCard.svelte`. Optionally grep the codebase for other bare `-mint` / `-navy` utilities that miss the `brand-` prefix. ## Acceptance criteria - [ ] Annotation left border renders in mint (`#a1dcd8`) on the Journey detail view - [ ] No other occurrences of the invalid `border-mint`/`bg-mint`/`text-mint` classes remain
marcel added the P3-laterbugui labels 2026-06-10 22:15:27 +02:00
Sign in to join this conversation.
No Label P3-later bug ui
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: marcel/familienarchiv#798