Dashboard Studio 2.3.0: light, light group and room cards redesigned

- Light card: the card is the lamp; brightness fills it in the lamp's colour,
  drag anywhere to dim, large brightness figure, switch and colour row
- Light groups: the group fader on top, a fader row per lamp in its colour
- Room card: name with what's going on, all-lights switch, large climate
  figures, open doors in amber, device tiles that glow by brightness
- Room: new "Hide these entities" field

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-27 11:44:17 +01:00
parent 05df0561b0
commit 2e929b55bb
7 changed files with 179 additions and 101 deletions
+3
View File
@@ -2169,6 +2169,9 @@
if (!t.dataset.act) return;
interacting = true;
t.style.setProperty("--pct", `${t.value}%`);
// a light's fader: the fill and the figure follow the finger
const fd = t.closest(".fader");
if (fd) { fd.style.setProperty("--pct", `${t.value}%`); fd.classList.add("on"); const big = fd.querySelector(".lt-big, .lf-pct, .rd-pct"); if (big) big.textContent = `${t.value}%`; }
});
gridEl.addEventListener("change", (e) => {
const t = e.target, eid = t.dataset.e;