marcel/familienarchiv
1
0
Fork 0
Code Issues 109 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat(person-mention): PR-B2 — read-mode rendering + hover card (issue #362) #371

Merged
marcel merged 18 commits from feat/person-mentions-issue-362-frontend-b2 into main 2026-04-29 13:37:06 +02:00
Conversation 16 Commits 18 Files Changed 16 +5 -1
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 060a1149e0 - Show all commits

6
frontend/src/routes/layout.css
View File

@@ -335,13 +335,17 @@
Underline at rest is required for WCAG AA — colour alone fails 8% of men Underline at rest is required for WCAG AA — colour alone fails 8% of men
with red-green colour-blindness. Focus ring uses a box-shadow + border-radius with red-green colour-blindness. Focus ring uses a box-shadow + border-radius
so the rectangle doesn't touch the glyphs. so the rectangle doesn't touch the glyphs.
Underline colour uses --c-ink at 50% so the link affordance is visible on
any surface, including sand-tinted backgrounds where the previous mint
accent at 60% (~1.6:1 on white — Leonie FINDING-06) was barely perceptible.
*/ */
.person-mention { .person-mention {
color: var(--c-ink); color: var(--c-ink);
text-decoration: underline; text-decoration: underline;
text-decoration-thickness: 1px; text-decoration-thickness: 1px;
text-underline-offset: 3px; text-underline-offset: 3px;
text-decoration-color: color-mix(in srgb, var(--c-accent) 60%, transparent); text-decoration-color: color-mix(in srgb, var(--c-ink) 50%, transparent);
cursor: pointer; cursor: pointer;
transition: text-decoration-color 0.15s ease; transition: text-decoration-color 0.15s ease;
} }