hotel-manage-stack/hvac
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

AC fan bar: darker grey (not faded orange) for set level when off

Browse source 
Applies to both the Dashboard's ZoneCard and kiosk's KioskZoneBlock since
they share the .ac-block/.fan-bar CSS. Previously 'off' just applied opacity
on top of the normal orange 'on' colour, which read as a washed-out active
state rather than a clean neutral one -- now explicitly var(--text-mid).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-08-27 12:48:18 +00:00
parent 371909bded
commit 903877fec2
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/index.css
View file

@ -231,7 +231,11 @@ html, body, #root { height: 100%; margin: 0; font-size: 14px; }
.rad-icon.idle { color: var(--text-mid); } .rad-icon.idle { color: var(--text-mid); }
.ac-block { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding-top: 4px; color: var(--text-dark); } .ac-block { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding-top: 4px; color: var(--text-dark); }
.ac-block.off { color: var(--text-mid); opacity: .55; } /* Explicit muted colour rather than opacity — opacity alone just faded the
'on' fan-bar segments' orange, which read as a washed-out active state
rather than a clean off one. */
.ac-block.off { color: var(--text-mid); }
.ac-block.off .fan-bar span.on { background: var(--text-mid); }
.ac-lock { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); color: var(--health-degraded); } .ac-lock { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); color: var(--health-degraded); }
.ac-mode-row { display: flex; align-items: center; gap: 6px; } .ac-mode-row { display: flex; align-items: center; gap: 6px; }
.ac-temp { font-size: 10.5px; font-weight: 600; color: var(--text-mid); } .ac-temp { font-size: 10.5px; font-weight: 600; color: var(--text-mid); }