bytelyst/learning_ai_invt_trdg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(D9): respect reduced motion preference

Browse Source
This commit is contained in:
Saravana Achu Mac 2026-05-04 17:59:07 -07:00
parent 6013df411d
commit fce0228992
2 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/index.css
View File

@ -62,6 +62,17 @@ body {
to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.001ms !important;
}
}
.dashboard-shell {
display: flex;
min-height: 100vh;

14
web/src/reducedMotionCss.test.ts Normal file
View File

@ -0,0 +1,14 @@
import { readFileSync } from 'node:fs';
import { describe, expect, it } from 'vitest';
describe('reduced-motion CSS guard', () => {
it('disables animations and transitions when requested by the user', () => {
const cssPath = `${process.cwd()}/src/index.css`;
const css = readFileSync(cssPath, 'utf8');
expect(css).toContain('@media (prefers-reduced-motion: reduce)');
expect(css).toContain('animation-duration: 0.001ms !important');
expect(css).toContain('animation-iteration-count: 1 !important');
expect(css).toContain('transition-duration: 0.001ms !important');
});
});