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

This commit is contained in:
2026-09-20 06:58:03 +08:00
parent 0fb98e894e
commit a877d341f7
3 changed files with 14 additions and 2 deletions
+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}