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

style(documents): respect prefers-reduced-motion on timeline bars (#385)

Browse Source 
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>
This commit is contained in:
Marcel
2026-05-08 09:57:14 +02:00
parent 5028082da4
commit c06987da95
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/lib/document/TimelineDensityFilter.svelte
View File

@@ -367,6 +367,12 @@ const omitTickYear = $derived.by(() => {
transition: background-color 100ms ease; transition: background-color 100ms ease;
} }
@media (prefers-reduced-motion: reduce) {
.bar .bar-fill {
transition: none;
}
}
.bar.selected .bar-fill, .bar.selected .bar-fill,
.bar.in-drag-preview .bar-fill { .bar.in-drag-preview .bar-fill {
background-color: var(--palette-mint, #a1dcd8); background-color: var(--palette-mint, #a1dcd8);