v0.14.15-fix
This commit is contained in:
Mateusz Gruszczyński
+71
-270
@@ -1664,7 +1664,7 @@ button.outside-pill:focus-visible {
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.outdoor-history-links>div {
|
||||
.outdoor-history-links > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
@@ -2937,9 +2937,7 @@ button.outside-pill:focus-visible {
|
||||
align-items: end;
|
||||
}
|
||||
|
||||
.history-network-controls label {
|
||||
min-width: 0;
|
||||
}
|
||||
.history-network-controls label { min-width: 0; }
|
||||
|
||||
.history-jitter-toggle {
|
||||
min-height: 45px;
|
||||
@@ -9040,25 +9038,13 @@ body.flow-editor-open {
|
||||
}
|
||||
|
||||
@keyframes cloud-command-pulse {
|
||||
from {
|
||||
opacity: .72;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
from { opacity: .72; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
|
||||
@keyframes cloud-command-dot {
|
||||
from {
|
||||
transform: scale(.65);
|
||||
opacity: .45;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
from { transform: scale(.65); opacity: .45; }
|
||||
to { transform: scale(1); opacity: 1; }
|
||||
}
|
||||
|
||||
|
||||
@@ -9390,7 +9376,7 @@ body.flow-editor-open {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Notification delivery audit in Events. */
|
||||
.log-row .kind .log-notification-badge {
|
||||
margin-left: .45rem;
|
||||
padding: 3px 7px;
|
||||
@@ -9403,6 +9389,7 @@ body.flow-editor-open {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Keep the Flow footer compact before the full mobile layout kicks in. */
|
||||
@media (min-width:761px) and (max-width:1200px) {
|
||||
.flow-natural-preview {
|
||||
display: block;
|
||||
@@ -9472,13 +9459,14 @@ body.flow-editor-open {
|
||||
}
|
||||
}
|
||||
|
||||
/* GREE Cloud runtime summary */
|
||||
.cloud-runtime-summary {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.cloud-runtime-summary>div {
|
||||
.cloud-runtime-summary > div {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
min-width: 0;
|
||||
@@ -9540,6 +9528,7 @@ body.flow-editor-open {
|
||||
}
|
||||
}
|
||||
|
||||
/* Shared alerts and split/multisplit installation configuration */
|
||||
.inline-alert {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
@@ -9570,30 +9559,18 @@ body.flow-editor-open {
|
||||
color: var(--danger);
|
||||
}
|
||||
|
||||
.inline-alert.error strong {
|
||||
color: var(--danger);
|
||||
}
|
||||
|
||||
.inline-alert.error strong { color: var(--danger); }
|
||||
.inline-alert.success {
|
||||
border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
|
||||
background: color-mix(in srgb, var(--accent) 10%, var(--surface));
|
||||
}
|
||||
|
||||
.inline-alert.info {
|
||||
border-color: color-mix(in srgb, var(--info) 38%, var(--line));
|
||||
background: color-mix(in srgb, var(--info) 9%, var(--surface));
|
||||
}
|
||||
.inline-alert.wide { grid-column: 1 / -1; }
|
||||
|
||||
.inline-alert.wide {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.device-installation-summary {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.device-installation-summary { display: grid; gap: 8px; margin-bottom: 12px; }
|
||||
.installation-summary-card,
|
||||
.installation-list-row {
|
||||
display: grid;
|
||||
@@ -9605,106 +9582,36 @@ body.flow-editor-open {
|
||||
border-radius: 12px;
|
||||
background: var(--surface-muted);
|
||||
}
|
||||
|
||||
.installation-summary-card>div,
|
||||
.installation-list-row>button:first-child {
|
||||
display: grid;
|
||||
gap: 3px;
|
||||
}
|
||||
|
||||
.installation-summary-card > div,
|
||||
.installation-list-row > button:first-child { display: grid; gap: 3px; }
|
||||
.installation-summary-card strong,
|
||||
.installation-list-row strong {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.installation-list-row strong { color: var(--text); }
|
||||
.installation-summary-card small,
|
||||
.installation-list-row small {
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.installation-list {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.installation-list-row>button:first-child {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.installation-list-row>div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.installation-form {
|
||||
border-top: 1px solid var(--line);
|
||||
padding-top: 14px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.installation-device-choices {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 6px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.installation-device-choices .check {
|
||||
margin: 0;
|
||||
padding: 8px 9px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 9px;
|
||||
background: var(--surface);
|
||||
}
|
||||
|
||||
.installation-device-choices .check.disabled {
|
||||
opacity: .55;
|
||||
}
|
||||
|
||||
.installation-list-row small { color: var(--muted); }
|
||||
.installation-list { display: grid; gap: 8px; }
|
||||
.installation-list-row > button:first-child { border: 0; background: transparent; padding: 0; text-align: left; }
|
||||
.installation-list-row > div { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
|
||||
.installation-form { border-top: 1px solid var(--line); padding-top: 14px; margin-top: 14px; }
|
||||
.installation-device-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 6px; }
|
||||
.installation-device-choices .check { margin: 0; padding: 8px 9px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
|
||||
.installation-device-choices .check.disabled { opacity: .55; }
|
||||
.installation-energy-metric b {
|
||||
color: var(--text);
|
||||
font-size: 18px;
|
||||
font-variant-numeric: tabular-nums;
|
||||
letter-spacing: -.01em;
|
||||
}
|
||||
|
||||
.history-context-controls.energy-context-controls {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(240px, 1.5fr) repeat(3, minmax(132px, .8fr));
|
||||
gap: 10px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.history-energy-targets {
|
||||
display: grid;
|
||||
gap: 7px;
|
||||
min-width: 0;
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.history-energy-targets { display: grid; gap: 7px; min-width: 0; color: var(--muted); font-size: 12px; font-weight: 650; }
|
||||
.history-energy-targets small,
|
||||
.history-range-control small {
|
||||
display: block;
|
||||
color: var(--muted);
|
||||
font-size: 10px;
|
||||
font-weight: 550;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.history-energy-picker {
|
||||
position: relative;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.history-energy-picker>summary {
|
||||
.history-range-control small { display: block; color: var(--muted); font-size: 10px; font-weight: 550; line-height: 1.35; }
|
||||
.history-energy-picker { position: relative; min-width: 0; }
|
||||
.history-energy-picker > summary {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
@@ -9718,18 +9625,9 @@ body.flow-editor-open {
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.history-energy-picker>summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.history-energy-picker>summary span {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.history-energy-picker>summary b {
|
||||
.history-energy-picker > summary::-webkit-details-marker { display: none; }
|
||||
.history-energy-picker > summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.history-energy-picker > summary b {
|
||||
min-width: 34px;
|
||||
padding: 3px 6px;
|
||||
border-radius: 999px;
|
||||
@@ -9738,13 +9636,7 @@ body.flow-editor-open {
|
||||
font-size: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.history-energy-picker[open]>summary {
|
||||
border-color: var(--accent);
|
||||
outline: 2px solid color-mix(in srgb, var(--accent) 18%, transparent);
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
.history-energy-picker[open] > summary { border-color: var(--accent); outline: 2px solid color-mix(in srgb, var(--accent) 18%, transparent); outline-offset: 1px; }
|
||||
.history-energy-options {
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
@@ -9759,7 +9651,6 @@ body.flow-editor-open {
|
||||
background: var(--surface);
|
||||
box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
|
||||
}
|
||||
|
||||
.history-energy-option {
|
||||
display: grid;
|
||||
grid-template-columns: 20px minmax(0, 1fr);
|
||||
@@ -9773,67 +9664,28 @@ body.flow-editor-open {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.history-energy-option:hover {
|
||||
background: var(--surface-muted);
|
||||
}
|
||||
|
||||
.history-energy-option input {
|
||||
width: 17px;
|
||||
min-height: 17px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
accent-color: var(--accent);
|
||||
}
|
||||
|
||||
.history-energy-option span {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.history-range-control.energy-period-control {
|
||||
min-width: 0;
|
||||
}
|
||||
.history-energy-option:hover { background: var(--surface-muted); }
|
||||
.history-energy-option input { width: 17px; min-height: 17px; margin: 0; padding: 0; accent-color: var(--accent); }
|
||||
.history-energy-option span { overflow-wrap: anywhere; }
|
||||
.history-range-control.energy-period-control { min-width: 0; }
|
||||
|
||||
@media (max-width: 760px) {
|
||||
|
||||
.installation-summary-card,
|
||||
.installation-list-row {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.installation-list-row>div {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.installation-device-choices {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.history-context-controls.energy-context-controls {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.history-toolbar-panel .chart-toolbar.energy-toolbar .history-refresh-button {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.history-energy-options {
|
||||
width: min(420px, calc(100vw - 40px));
|
||||
max-height: 46vh;
|
||||
}
|
||||
.installation-list-row { grid-template-columns: 1fr; }
|
||||
.installation-list-row > div { justify-content: flex-start; }
|
||||
.installation-device-choices { grid-template-columns: 1fr; }
|
||||
.history-context-controls.energy-context-controls { grid-template-columns: 1fr; }
|
||||
.history-toolbar-panel .chart-toolbar.energy-toolbar .history-refresh-button { margin-top: 0; }
|
||||
.history-energy-options { width: min(420px, calc(100vw - 40px)); max-height: 46vh; }
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.history-network-controls {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.history-jitter-toggle {
|
||||
width: 100%;
|
||||
}
|
||||
.history-network-controls { grid-template-columns: 1fr; }
|
||||
.history-jitter-toggle { width: 100%; }
|
||||
}
|
||||
|
||||
/* Unified custom selects -------------------------------------------------- */
|
||||
.select-native-proxy {
|
||||
position: absolute !important;
|
||||
width: 1px !important;
|
||||
@@ -10022,8 +9874,8 @@ body.flow-editor-open {
|
||||
padding: 9px 10px;
|
||||
}
|
||||
|
||||
.has-error>.custom-select .custom-select-trigger,
|
||||
select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-trigger {
|
||||
.has-error > .custom-select .custom-select-trigger,
|
||||
select.select-native-proxy[aria-invalid="true"] + .custom-select .custom-select-trigger {
|
||||
border-color: color-mix(in srgb, var(--danger) 68%, var(--line));
|
||||
outline: 2px solid color-mix(in srgb, var(--danger) 13%, transparent);
|
||||
}
|
||||
@@ -10034,26 +9886,13 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px),
|
||||
(orientation: landscape) and (max-height: 700px) {
|
||||
.flow-fit-button-icon {
|
||||
display: inline-grid;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
.flow-fit-button-label {
|
||||
display: none;
|
||||
}
|
||||
@media (max-width: 900px), (orientation: landscape) and (max-height: 700px) {
|
||||
.flow-fit-button-icon { display: inline-grid; place-items: center; }
|
||||
.flow-fit-button-label { display: none; }
|
||||
}
|
||||
|
||||
@media (orientation: landscape) and (max-height: 700px) and (min-width: 500px) {
|
||||
.flow-fit-button-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flow-fit-button-label {
|
||||
display: inline;
|
||||
}
|
||||
.flow-fit-button-icon { display: none; }
|
||||
.flow-fit-button-label { display: inline; }
|
||||
}
|
||||
|
||||
.ha-supervisor-status {
|
||||
@@ -10066,27 +9905,11 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
|
||||
background: var(--surface-2);
|
||||
}
|
||||
|
||||
.ha-supervisor-status strong {
|
||||
font-size: .92rem;
|
||||
}
|
||||
|
||||
.ha-supervisor-status span {
|
||||
color: var(--muted);
|
||||
font-size: .82rem;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.ha-supervisor-status.success {
|
||||
border-left-color: var(--teal);
|
||||
}
|
||||
|
||||
.ha-supervisor-status.warning {
|
||||
border-left-color: var(--accent);
|
||||
}
|
||||
|
||||
.ha-supervisor-status.error {
|
||||
border-left-color: var(--danger);
|
||||
}
|
||||
.ha-supervisor-status strong { font-size: .92rem; }
|
||||
.ha-supervisor-status span { color: var(--muted); font-size: .82rem; line-height: 1.45; }
|
||||
.ha-supervisor-status.success { border-left-color: var(--teal); }
|
||||
.ha-supervisor-status.warning { border-left-color: var(--accent); }
|
||||
.ha-supervisor-status.error { border-left-color: var(--danger); }
|
||||
|
||||
.ha-entity-picker {
|
||||
display: grid;
|
||||
@@ -10094,13 +9917,8 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.ha-entity-picker>label {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ha-entity-picker>.field-note {
|
||||
margin: 0;
|
||||
}
|
||||
.ha-entity-picker > label { margin: 0; }
|
||||
.ha-entity-picker > .field-note { margin: 0; }
|
||||
|
||||
.ha-entity-results {
|
||||
display: grid;
|
||||
@@ -10133,7 +9951,7 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
|
||||
background: var(--surface-2);
|
||||
}
|
||||
|
||||
.ha-entity-option>span {
|
||||
.ha-entity-option > span {
|
||||
display: grid;
|
||||
gap: 2px;
|
||||
min-width: 0;
|
||||
@@ -10153,26 +9971,15 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
|
||||
font-size: .76rem;
|
||||
}
|
||||
|
||||
.ha-entity-option small {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.ha-entity-option small { flex: 0 0 auto; }
|
||||
.ha-entity-empty { padding: 9px 10px; }
|
||||
|
||||
.ha-entity-empty {
|
||||
padding: 9px 10px;
|
||||
}
|
||||
|
||||
.ha-entity-search-field input[type="search"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ha-entity-selected-field {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.ha-entity-selected-field input {
|
||||
font-family: var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
|
||||
}
|
||||
/* Shared Flow HA entity picker: keep search and selected entity visually distinct. */
|
||||
.ha-entity-search-field input[type="search"] { width: 100%; }
|
||||
.ha-entity-selected-field { margin-top: 2px; }
|
||||
.ha-entity-selected-field input { font-family: var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); }
|
||||
|
||||
/* Standalone public custom chart */
|
||||
.public-custom-chart-page {
|
||||
min-height: 100vh;
|
||||
overflow: hidden;
|
||||
@@ -10220,12 +10027,6 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.public-custom-chart-shell {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.public-custom-chart-card {
|
||||
min-height: calc(100vh - 16px);
|
||||
padding: 14px;
|
||||
}
|
||||
}
|
||||
.public-custom-chart-shell { padding: 8px; }
|
||||
.public-custom-chart-card { min-height: calc(100vh - 16px); padding: 14px; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user