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

fix: align numeric habit progress
ci / gitleaks (push) Successful in 7s
Details
ci / docker (push) Successful in 3m38s
Details

Browse Source
This commit is contained in:
bboysoul
2026-09-20 06:58:03 +08:00
parent 0fb98e894e
commit a877d341f7
3 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/style.css
+2 -1
View File
@@ -101,7 +101,7 @@ input,select,textarea{background:var(--surface-raised);border-color:var(--border
.plain-list>.task-row:not(.task-row--trash).selected::before,.plain-list>.habit-row.selected::before{background:var(--accent)}
.plain-list .habit-check{margin-left:0}
.task-row{grid-template-columns:44px minmax(0,1fr) auto}
.habit-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) 4px;row-gap:5px}
.habit-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:18px 4px;align-content:center;row-gap:5px}
.task-row,.habit-row{display:grid}
.task-row:has(>.drag-handle){grid-template-columns:44px 44px minmax(0,1fr) auto}
.habit-row:has(>.drag-handle){grid-template-columns:44px 44px minmax(0,1fr) auto}
@@ -109,6 +109,7 @@ input,select,textarea{background:var(--surface-raised);border-color:var(--border
.habit-row>.habit-check,.habit-row>.habit-drag-handle,.habit-row>.habit-row-meta{grid-row:1/3}
.habit-row>.habit-main{grid-row:1;align-self:end}
.habit-row>.habit-progress-bar{grid-column:2;grid-row:2;align-self:start;width:100%;height:4px}
.habit-row:has(>.habit-progress-bar)>.habit-main,.habit-row:has(>.habit-progress-bar)>.habit-progress-bar{transform:translateY(3px)}
.habit-row:has(>.habit-drag-handle)>.habit-progress-bar{grid-column:3}
.habit-row:not(:has(>.habit-progress-bar))>.habit-main{grid-row:1/3;align-self:center}
.habit-row>.habit-row-meta{grid-column:-2;align-self:center}
frontend/src/visual-polish.test.ts
+2 -1
View File
@@ -135,7 +135,8 @@ describe('approved five-detail polish', () => {
expect(css).toContain('.plain-list{display:grid;gap:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}')
expect(css).toContain('.plain-list-row,.plain-list>.task-row,.plain-list>.habit-row{height:58px;min-height:58px;max-height:58px;background:transparent;border:0;border-bottom:1px solid #e8e0d5;border-radius:0;box-shadow:none}')
expect(css).toContain('.task-row{grid-template-columns:44px minmax(0,1fr) auto}')
expect(css).toContain('.habit-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) 4px;row-gap:5px}')
expect(css).toContain('.habit-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:18px 4px;align-content:center;row-gap:5px}')
expect(css).toContain('.habit-row:has(>.habit-progress-bar)>.habit-main,.habit-row:has(>.habit-progress-bar)>.habit-progress-bar{transform:translateY(3px)}')
expect(css).toContain('.task-main strong,.habit-name{display:block;min-width:0;font-size:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}')
expect(css).toContain('.task-tail,.habit-row-meta{min-width:0;max-width:132px;padding-left:12px;font-size:12px;font-weight:400;white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis}')
expect(css).toContain('.task-check{width:44px;')