From c06987da953567936af196a9e3ba6b65e1159983 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Fri, 8 May 2026 09:57:14 +0200
Subject: [PATCH] style(documents): respect prefers-reduced-motion on timeline
 bars (#385)

Disables the .bar-fill background-color transition for users who set
prefers-reduced-motion: reduce. Closes Leonie's vestibular-comfort
finding for users running the timeline alongside the live drag
cursor.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/src/lib/document/TimelineDensityFilter.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/lib/document/TimelineDensityFilter.svelte b/frontend/src/lib/document/TimelineDensityFilter.svelte
index d13d6e61..e82e521e 100644
--- a/frontend/src/lib/document/TimelineDensityFilter.svelte
+++ b/frontend/src/lib/document/TimelineDensityFilter.svelte
@@ -367,6 +367,12 @@ const omitTickYear = $derived.by(() => {
 	transition: background-color 100ms ease;
 }
 
+@media (prefers-reduced-motion: reduce) {
+	.bar .bar-fill {
+		transition: none;
+	}
+}
+
 .bar.selected .bar-fill,
 .bar.in-drag-preview .bar-fill {
 	background-color: var(--palette-mint, #a1dcd8);