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:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user