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
Showing only changes of commit 060a1149e0 - Show all commits

View File

@@ -335,13 +335,17 @@
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
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 {
color: var(--c-ink);
text-decoration: underline;
text-decoration-thickness: 1px;
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;
transition: text-decoration-color 0.15s ease;
}