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

fix: hide desktop task list scrollbar
ci / gitleaks (push) Successful in 7s
Details
ci / docker (push) Successful in 3m31s
Details

Browse Source
This commit is contained in:
bboysoul
2026-09-11 13:24:23 +08:00
parent b59adf446b
commit 5ac2e5de1d
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/style.css
+1 -1
View File
File diff suppressed because one or more lines are too long
frontend/src/style.test.ts
+8
View File
@@ -644,6 +644,14 @@ describe('task and habit row decoration', () => {
expect(todayHabits).not.toContain('显示已完成') expect(todayHabits).not.toContain('显示已完成')
}) })
it('hides the desktop task-list scrollbar without disabling main scrolling', () => {
const desktopMain = css.slice(css.indexOf('main{container-type:inline-size;'), css.indexOf('.topbar{'))
expect(desktopMain).toContain('overflow:auto')
expect(css).toContain('@media(min-width:931px){main{scrollbar-width:none}main::-webkit-scrollbar{display:none}}')
expect(css).toContain('.detail{min-width:0;border-left:1px solid var(--line);background:#faf7f0;overflow:auto}')
expect(css).not.toContain('@media(max-width:930px){main{scrollbar-width:none}')
})
it('uses a full-width search row and hides it behind mobile pull-to-reveal', () => { it('uses a full-width search row and hides it behind mobile pull-to-reveal', () => {
expect(css).toContain('main{container-type:inline-size;') expect(css).toContain('main{container-type:inline-size;')
expect(css).toContain('.topbar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"menu title filter" "search search search";') expect(css).toContain('.topbar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"menu title filter" "search search search";')