bboysoul/dodo
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: animate completion feedback
ci / gitleaks (push) Successful in 6s
Details
ci / docker (push) Successful in 3m25s
Details

Browse Source
This commit is contained in:
bboysoul
2026-09-09 09:37:39 +08:00
parent d4c1b6e148
commit 88f9501468
2 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/style.css
+2
View File
File diff suppressed because one or more lines are too long
frontend/src/style.test.ts
+10
View File
@@ -48,6 +48,16 @@ describe('warm Liquid Glass styling', () => {
})
})
describe('completion feedback motion', () => {
it('animates completed task and habit rows without ignoring reduced motion', () => {
expect(css).toContain('.task-row.done,.habit-row.done{animation:completion-row-settle .34s cubic-bezier(.2,.85,.3,1)}')
expect(css).toContain('.task-row.done .task-check-mark,.habit-row.done .task-check-mark{animation:completion-check-pop .38s cubic-bezier(.2,1.4,.35,1)}')
expect(css).toContain('@keyframes completion-row-settle')
expect(css).toContain('@keyframes completion-check-pop')
expect(css).toContain('@media(prefers-reduced-motion:reduce){.task-row.done,.habit-row.done,.task-row.done .task-check-mark,.habit-row.done .task-check-mark{animation:none}}')
})
})
describe('mobile sheet contract', () => {
it('uses shared roles for details, creation and secondary actions', () => {
expect(app).toContain('class="task-compose-mask app-sheet-mask"')