fix(workout): make reduced motion explicit

Add an explicit prefers-reduced-motion contract to the phone-first Workout starter and assert the served CSS carries the no-motion policy.

req: examples/001
This commit is contained in:
slhx agent
2026-06-12 15:51:39 +02:00
parent be3ba4877a
commit 3f824a83f8
2 changed files with 13 additions and 0 deletions
+11
View File
@@ -270,3 +270,14 @@
}
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: 0ms !important;
animation-duration: 0ms !important;
animation-iteration-count: 1 !important;
}
}
+2
View File
@@ -70,6 +70,8 @@ fn workout_is_e2e_working_over_http() {
assert!(css.text().contains(".command-slate"));
assert!(css.text().contains(".finish-card"));
assert!(css.text().contains("min-height: var(--tap)"));
assert!(css.text().contains("prefers-reduced-motion: reduce"));
assert!(css.text().contains("animation-duration: 0ms"));
let runtime = get(&server, runtime_js_path());
assert_eq!(runtime.status, 200);