251 files

custom_components/maintenance_supporter/frontend-src/styles.ts

@@ -541,6 +541,9 @@ export const sharedStyles = css`
   .status-badge.triggered { background-color: var(--maint-triggered-color); }
   /* Completed one-time task ("done") — muted blue-grey. */
   .status-badge.done { background-color: var(--maint-done-color, #78909c); }
+  /* D#203: a manual task without a due date — an outline in the muted grey of
+     its "done 23 d ago", so it does not read as a green, on-schedule OK. */
+  .status-badge.no_due { background-color: var(--maint-no-due-background, transparent); color: var(--secondary-text-color, #727272); box-shadow: inset 0 0 0 1px currentColor; }
   /* v2.10.0: archived (retire-but-retain) — neutral grey, clearly inert. */
   .status-badge.archived { background-color: var(--disabled-color, #9e9e9e); color: #000; }
   /* v2.20 (N3): paused — frozen but present, info blue. */
@@ -1057,6 +1060,10 @@ export const sharedStyles = css`
   }
 
   .due-text { font-size: 13px; }
+  /* The cell is right-aligned; a date that wraps in a narrow column
+     ("63 d / overdue") ends flush right like the bar and the value under it,
+     instead of starting each line at a different spot from row to row. */
+  .due-cell .due-text { text-align: end; }
   /* D#203: a task without a due date shows when it was last done — muted,
      so it never reads as a status. */
   .due-text.last-done { color: var(--secondary-text-color); }