fix: restore numeric habit progress bars
This commit is contained in:
+10
-3
@@ -101,10 +101,17 @@ 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}
|
||||
.habit-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) 4px;row-gap:5px}
|
||||
.task-row,.habit-row{display:grid}
|
||||
.task-row:has(>.drag-handle),.habit-row:has(>.drag-handle){grid-template-columns:44px 44px minmax(0,1fr) auto}
|
||||
.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}
|
||||
.task-main,.habit-main{min-width:0;padding:0}
|
||||
.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-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}
|
||||
.task-main strong,.habit-name{display:block;min-width:0;font-size:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.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}
|
||||
.plain-list .task-due--timed .task-due__text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.plain-list .task-due--timed .task-due__separator{display:inline}.plain-list>.task-row:has(>.task-tail .task-due--timed){height:58px;min-height:58px;max-height:58px}
|
||||
@@ -148,7 +155,7 @@ main.today-main .topbar{margin-bottom:12px}
|
||||
.today-environment__item small{margin-top:2px;font-size:10.5px}
|
||||
.today-main :is(.task-row,.habit-row){height:58px;min-height:58px;max-height:58px;padding:0;background:transparent;border:0;border-bottom:1px solid #e8e0d5;border-radius:0;box-shadow:none}
|
||||
.today-main .task-row{gap:0}.today-main .task-main{padding:0}.today-main .task-main strong,.today-main .habit-name{font-size:15px;font-weight:400}
|
||||
.today-main .task-tail{padding-left:12px;font-size:12px}.today-main .habit-row{gap:0}.today-main .habit-main{display:flex;align-items:center;min-width:0;padding:0}
|
||||
.today-main .task-tail{padding-left:12px;font-size:12px}.today-main .habit-row{gap:0;row-gap:5px}.today-main .habit-main{min-width:0;padding:0}
|
||||
.shell.today-active .unified-fab{box-shadow:0 8px 18px rgba(174,65,29,.22)}.shell.today-active .unified-fab>svg{width:30px;height:30px;stroke-width:1.5}
|
||||
@media(max-width:930px){main.today-main{padding-left:max(44px,calc((100% - 630px)/2));padding-right:max(44px,calc((100% - 630px)/2))}}
|
||||
@media(max-width:720.98px){main.today-main{padding-left:29px!important;padding-right:29px!important;padding-bottom:calc(78px + var(--safe-area-bottom))}.today-environment{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:21px auto;align-items:stretch;column-gap:0;row-gap:7px;padding-bottom:10px}.today-environment__calendar{grid-column:1/-1;grid-row:1;height:21px!important;padding:0;justify-content:space-between;align-items:start;border-left:0}.today-environment__weather,.today-environment__gold{grid-row:2;height:clamp(38px,calc(25vw - 55.75px),42px);padding-top:7px;border-top:1px solid #e8e0d5}.today-environment__weather{grid-column:1;padding-left:0;padding-right:10px;border-left:0}.today-environment__gold{grid-column:2;padding-left:12px}.today-environment__weather strong,.today-environment__gold strong,.today-environment__gold-primary{line-height:16px}.today-environment__item small{line-height:13px}.today-heading{margin-top:16px}.today-page-title{font-size:24px}.today-heading .today-remaining{margin-top:4px}.today-main .task-row,.today-main .habit-row{height:58px;min-height:58px;max-height:58px}.today-context .completed-filter-pill{width:87px;height:44px;min-height:44px}.today-context .completed-filter-pill__track{width:30px;height:18px}.today-context .completed-filter-pill__thumb{width:14px;height:14px}.today-context .completed-filter-pill[aria-checked="true"] .completed-filter-pill__thumb{transform:translateX(12px)}}
|
||||
|
||||
Reference in New Issue
Block a user