style: clarify task row states

2026-09-19 14:39:00 +08:00
parent dc2c5ff9c0
commit 462bf00b57
3 changed files with 67 additions and 5 deletions
@@ -153,8 +153,14 @@ describe('approved five-detail polish', () => {
    }
  })

-  it('keeps plain-list task and habit rows transparent in all persistent states', () => {
-    expect(css).toContain('.plain-list>.task-row:hover,.plain-list>.task-row.selected,.plain-list>.task-row.done,.plain-list>.habit-row:hover,.plain-list>.habit-row.done,.plain-list>.overdue-task{background:transparent}')
+  it('gives task rows distinct hover, selected, completed, and overdue feedback while habits stay quiet', () => {
+    expect(css).toContain('@media(hover:hover) and (pointer:fine){.plain-list>.task-row:not(.task-row--trash):hover{background:#fff8ee}}')
+    expect(css).toContain('@media(hover:hover) and (pointer:fine){.task-row:hover:not(.reordering):not(.task-row--trash){transform:translate(calc(var(--swipe-x) + 2px),var(--reorder-y,0px))}}')
+    expect(css).toContain('.plain-list>.task-row:not(.task-row--trash).selected,.plain-list>.task-row:not(.task-row--trash).selected.done,.plain-list>.task-row:not(.task-row--trash).selected.overdue-task{background:#fff4e5}')
+    expect(css).toContain('.plain-list>.task-row:not(.task-row--trash).selected::before{background:var(--accent)}')
+    expect(css).toContain('.plain-list>.task-row:not(.task-row--trash).done{background:#fbf7f0}')
+    expect(css).toContain('.plain-list>.task-row:not(.task-row--trash).overdue-task{background:#fff7f4}')
+    expect(css).toContain('.plain-list>.habit-row:hover,.plain-list>.habit-row.done{background:transparent}')
  })

  it('renders memo rows with title and time only at a fixed compact height', () => {