veenm/ha-dashboard-studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard Studio 2.3.1: light colours behind a palette button

Browse Source 
- The light card's colours wait behind a palette button next to the
  brightness; picking a colour folds them away again

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Mel van Veen
2026-10-27 11:47:13 +01:00
parent 2e929b55bb
commit 095b23481e
7 changed files with 33 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard_studio/web/style.css
+7 -2
View File
@@ -1955,8 +1955,6 @@ button.fader-input { cursor: pointer; }
.lf-row.on .lf-pct { color: inherit; }
.lf-row .switch { transform: scale(.85); }
/* not much room: the colours go (the bulb opens them) */
@container (max-height: 150px) { .lt-foot .swatches { display: none; } }
@container (max-width: 260px) { .lt-foot .swatches { display: none; } }
/* room: the name and what's going on, the climate in large figures, then its devices as tiles that light up */
.rm { display: flex; flex-direction: column; gap: 12px; height: 100%; min-height: 0; }
@@ -2001,3 +1999,10 @@ button.fader-input { cursor: pointer; }
.rm-head .rm-ico { display: none; }
}
@container (max-width: 200px) and (max-height: 190px) { .lt-sub { display: none; } .lt-big { font-size: 28px; } .lt-main { gap: 4px; } }
/* the light's colours, behind a palette button */
.lt-pal { flex: none; width: var(--c-ctl); height: var(--c-ctl); border-radius: 50%; display: grid; place-items: center; font-size: 18px; border: 1.5px solid color-mix(in srgb, currentColor 28%, transparent); box-sizing: border-box; }
.lt.on .lt-pal { color: var(--lit-text); }
.lt-colors { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; }
.lt-colors .swatches { flex: 1; min-width: 0; margin: 0; justify-content: flex-start; }
.lt-colors .swatch { width: 28px; height: 28px; }