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

v0.6.9

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-08-25 18:25:55 +02:00
parent 26d8f9f83a
commit a8b80bdba9
12 changed files with 150 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/styles.css
+79
View File
@@ -762,3 +762,82 @@ body.simulation-standalone [data-view="simulation"] { min-height:calc(100vh - 36
.dashboard-disclosure > summary { padding:12px 13px; }
.dashboard-disclosure-body { padding:10px; }
}
/* 0.6.9 dashboard density and fit fixes */
[data-view="dashboard"] .dashboard-summary-card {
min-height:0;
align-items:center;
gap:14px;
padding:13px 16px;
border-radius:18px;
}
[data-view="dashboard"] .dashboard-summary-card::after { width:100px; height:100px; right:-44px; bottom:-64px; border-width:18px; }
[data-view="dashboard"] .dashboard-summary-copy { min-width:0; }
[data-view="dashboard"] .dashboard-summary-copy .eyebrow { font-size:9px; }
[data-view="dashboard"] .dashboard-summary-copy h1 { margin:2px 0 3px; font-size:20px; letter-spacing:-.025em; }
[data-view="dashboard"] .dashboard-summary-copy p { font-size:11px; line-height:1.3; }
[data-view="dashboard"] .dashboard-summary-status { z-index:1; display:flex; align-items:center; justify-content:flex-end; min-width:0; gap:10px; }
[data-view="dashboard"] .dashboard-summary-status .metrics { display:flex; align-items:center; gap:5px; margin:0; }
[data-view="dashboard"] .dashboard-summary-status .metric { display:flex; align-items:baseline; gap:5px; min-width:0; padding:6px 8px; border-radius:11px; background:var(--surface-muted); }
[data-view="dashboard"] .dashboard-summary-status .metric span { margin:0; font-size:9px; white-space:nowrap; }
[data-view="dashboard"] .dashboard-summary-status .metric strong { font-size:13px; line-height:1; }
[data-view="dashboard"] .dashboard-summary-status .hero-temp { min-width:72px; font-size:31px; letter-spacing:-.045em; text-align:right; }
/* Quick thermostat: target control gets its own row, readings no longer collide with it. */
#dashboardZones { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
#dashboardZones .zone-thermostat { min-width:0; }
#dashboardZones .thermostat-main {
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
grid-template-areas:"control control" "room device";
gap:5px 10px;
margin:8px 0 7px;
}
#dashboardZones .thermostat-main > div:first-child { grid-area:room; min-width:0; text-align:left; }
#dashboardZones .thermostat-main > .temperature-control { grid-area:control; }
#dashboardZones .thermostat-main > div:last-child { grid-area:device; min-width:0; text-align:right; }
#dashboardZones .thermostat-main small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#dashboardZones .thermostat-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
#dashboardZones .thermostat-main .temperature-control.compact { gap:12px; padding:0 0 2px; }
#dashboardZones .thermostat-main .temperature-control.compact button { width:36px; height:36px; font-size:18px; }
#dashboardZones .thermostat-main .target-temp.compact { min-width:80px; font-size:30px; }
#dashboardZones .list-card-head h3 { font-size:16px; }
#dashboardZones .list-card-head p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
#dashboardZones .zone-enable-toggle { flex:0 0 auto; }
#dashboardZones .zone-state-line { gap:8px; font-size:10px; }
#dashboardZones .zone-state-line span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Smaller Node-RED/simulator-like plan blocks with explicit group context. */
#controlPlan.automation-plan-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:8px; }
#controlPlan .plan-card { min-height:0; gap:7px; padding:11px; border-radius:14px; }
#controlPlan .plan-card-head { gap:7px; }
#controlPlan .plan-card-head h3 { margin-top:1px; font-size:15px; line-height:1.2; }
#controlPlan .plan-card-head .eyebrow { font-size:8px; line-height:1.25; }
#controlPlan .plan-card .badge { max-width:100px; padding:4px 6px; overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
#controlPlan .plan-card > p { font-size:10px; line-height:1.3; }
#controlPlan .plan-temp { gap:5px; }
#controlPlan .plan-temp > span { font-size:15px; }
#controlPlan .plan-temp > strong { font-size:21px; }
#controlPlan .plan-group-state { display:flex; align-items:center; gap:5px; min-width:0; color:var(--text-soft); font-size:11px; }
#controlPlan .plan-group-state strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#controlPlan .plan-group { border-color:color-mix(in srgb,var(--accent) 20%,var(--line)); background:color-mix(in srgb,var(--surface) 97%,var(--accent)); }
#controlPlan .plan-events { gap:4px; padding-top:6px; }
#controlPlan .plan-events li { grid-template-columns:62px minmax(0,1fr); gap:5px; font-size:9px; line-height:1.3; }
#controlPlan .plan-events li span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#controlPlan .plan-events .muted { white-space:normal; }
@media (max-width: 900px) {
[data-view="dashboard"] .dashboard-summary-card { align-items:flex-start; }
[data-view="dashboard"] .dashboard-summary-status { flex-wrap:wrap; }
[data-view="dashboard"] .dashboard-summary-status .metrics { order:2; width:100%; justify-content:flex-end; }
}
@media (max-width: 700px) {
[data-view="dashboard"] .dashboard-summary-card { min-height:0; padding:12px 13px; }
[data-view="dashboard"] .dashboard-summary-copy h1 { font-size:18px; }
[data-view="dashboard"] .dashboard-summary-status { align-self:center; }
[data-view="dashboard"] .dashboard-summary-status .metrics { display:none; }
[data-view="dashboard"] .dashboard-summary-status .hero-temp { min-width:64px; font-size:27px; }
#dashboardZones { grid-template-columns:1fr; }
#controlPlan.automation-plan-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); }
}
[data-view="dashboard"] .dashboard-summary-card { margin-bottom:10px; }