francop/HomeAssistantVS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

393 files

Browse Source
This commit is contained in:
Home Assistant Version Control
2026-09-27 17:16:54 +00:00
parent b05b7a897e
commit 39d97ac2db
404 changed files with 54006 additions and 11034 deletions
Download Patch File Download Diff File Expand all files Collapse all files
custom_components/maintenance_supporter/frontend-src/panel-styles.ts
+46 -4
View File
@@ -498,6 +498,25 @@ export const panelStyles = css`
.template-card[disabled] { opacity: .5; pointer-events: none; }
.template-card-name { font-weight: 600; font-size: 14px; }
.template-card-count { font-size: 12px; color: var(--secondary-text-color); }
/* v2.93: recommendations from the home profile. */
.template-cat.recommended .template-cat-head { color: var(--primary-color); }
.template-cat-hint { font-size: 12px; color: var(--secondary-text-color); margin: -4px 0 8px; }
.template-card-reasons { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; }
.template-card-reason {
font-size: 11px; padding: 1px 6px; border-radius: 10px;
background: color-mix(in srgb, var(--primary-color) 12%, transparent); color: var(--primary-text-color);
}
.template-card.not-typical { opacity: .6; }
/* 2.94: the home already has an object for this template. */
.template-card-setup {
display: inline-flex; align-items: center; gap: 4px; font-size: 12px;
color: var(--success-color, #43a047); --mdc-icon-size: 14px;
}
.template-legal {
display: flex; gap: 6px; align-items: flex-start; margin-top: 8px;
font-size: 12px; color: var(--secondary-text-color);
}
.template-legal ha-icon { --mdc-icon-size: 16px; flex: none; margin-top: 1px; }
.empty-onboard-hint { color: var(--secondary-text-color); font-size: 13px; margin: 4px 0 12px; }
.empty-onboard-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
@@ -755,7 +774,7 @@ export const panelStyles = css`
color: #000;
}
.status-chip.warning {
.status-chip.due_soon {
background: var(--warning-color, #ff9800);
color: #000;
}
@@ -765,6 +784,23 @@ export const panelStyles = css`
color: white;
}
/* Key set = renderers/status.ts STATUS_KEYS (tripwired): triggered, paused
and archived had no rule, so their header chip rendered as bare text. */
.status-chip.triggered {
background: var(--deep-orange-color, #ff5722);
color: white;
}
.status-chip.paused {
background: var(--info-color, #2196f3);
color: white;
}
.status-chip.archived {
background: var(--disabled-color, #9e9e9e);
color: #000;
}
.status-chip.done {
background: var(--maint-done-color, #78909c);
color: white;
@@ -1612,9 +1648,15 @@ export const panelStyles = css`
:host([narrow]) .tab {
/* Tight enough that the four tabs fit 412px in the longest languages —
Ukrainian ("Налаштування") overflowed at 12px 16px (overflow sweep). */
padding: 12px 8px;
Ukrainian ("Налаштування") overflowed at 12px 16px (overflow sweep).
Below that (360px phones, 2026-09-27) a label shortens with an
ellipsis instead of pushing the bar past the screen edge. */
padding: 12px 6px;
font-size: 13px;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
:host([narrow]) .task-header {
@@ -1939,7 +1981,7 @@ export const panelStyles = css`
.kpi-value { font-size: 14px; }
.kpi-value-large { font-size: 18px; }
.two-column-layout { grid-template-columns: 1fr; }
.tab { padding: 12px 8px; font-size: 13px; }
.tab { padding: 12px 6px; font-size: 13px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-header { flex-direction: column; align-items: flex-start; }
.task-header-actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
.filter-bar { flex-wrap: wrap; }