gru/gree-controller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.14.2

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-09-15 09:04:29 +02:00
parent 0a2fb8c6c7
commit 2ff310bdc5
37 changed files with 731 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/styles.css
+80 -2
View File
@@ -2087,6 +2087,7 @@ legend {
.history-toolbar-panel {
margin-bottom: 14px;
overflow: visible;
}
.history-context-controls {
@@ -2777,6 +2778,10 @@ legend {
min-width: 0;
}
.history-toolbar-panel .chart-toolbar.energy-toolbar {
grid-template-columns: minmax(0, 1fr) auto;
}
.history-context-controls {
display: block;
width: 100%;
@@ -9518,13 +9523,86 @@ body.flow-editor-open {
.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; }
.history-energy-targets select { min-width: min(360px, 72vw); }
.history-energy-targets small { display: block; max-width: 360px; color: var(--muted); font-size: 10px; }
.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: end;
}
.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 {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
min-height: 45px;
padding: 10px 12px;
border: 1px solid var(--line);
border-radius: 12px;
background: var(--input-bg);
color: var(--text);
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 {
min-width: 34px;
padding: 3px 6px;
border-radius: 999px;
background: var(--surface-muted);
color: var(--muted);
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-options {
position: absolute;
z-index: 20;
top: calc(100% + 6px);
left: 0;
width: min(420px, calc(100vw - 40px));
max-height: 300px;
overflow: auto;
padding: 7px;
border: 1px solid var(--line);
border-radius: 12px;
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);
align-items: center;
gap: 9px;
min-height: 38px;
padding: 7px 8px;
border-radius: 8px;
color: var(--text-soft);
cursor: pointer;
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; }
@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-energy-options { width: min(420px, calc(100vw - 40px)); max-height: 46vh; }
}