fix: align numeric habit progress
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user