From f1c661f50d6af2a115fc1430ae0478f2acef2dec Mon Sep 17 00:00:00 2001 From: Craig Jennings Date: Wed, 22 Jul 2026 15:15:02 -0500 Subject: docs(settings-panel): seal the prototype arc and open the build Prototypes P12-P37 land, along with the night-watch and levels-compare pages plus the shared-engine updates and the kit-candidate file. The spec flips from DRAFT through READY to DOING with rewritten implementation phases and seven recorded build findings. The build tasks are filed in todo.org, and phase 1 is closed against the dotfiles commits. --- docs/prototypes/desktop-settings-shared.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) (limited to 'docs/prototypes/desktop-settings-shared.css') diff --git a/docs/prototypes/desktop-settings-shared.css b/docs/prototypes/desktop-settings-shared.css index 95aec22..ec677c7 100644 --- a/docs/prototypes/desktop-settings-shared.css +++ b/docs/prototypes/desktop-settings-shared.css @@ -34,6 +34,7 @@ body.ds-stage { margin: 0; min-height: 100vh; + zoom: 1.6; /* the 360px capsule reads small on a large monitor (Craig, 2026-07-21) */ background: radial-gradient(1200px 600px at 80% -10%, #17151322, transparent), #050505; @@ -126,8 +127,11 @@ body.ds-stage { background: linear-gradient(90deg, var(--line), transparent); } -/* Status lamp: a colored dot with a soft glow; off is a dim wash. */ -.ds-lamp { +/* Status lamp: retired 2026-07-21 (Craig: the glowing dot pulls the eye). + State reads from the control's own gold glyph/text instead. The spans + still render; this hides them everywhere at once. */ +.ds-lamp { display: none; } +.ds-lamp-unused { width: 9px; height: 9px; border-radius: 50%; background-color: var(--pass); box-shadow: 0 0 6px 1px rgba(116,147,47,.55); @@ -228,7 +232,9 @@ body.ds-stage { background: var(--cream); border: 1px solid var(--gold); cursor: pointer; - box-shadow: -200px 0 0 194px var(--gold); /* gold fill to the left of the knob */ + /* The old box-shadow fill hack bled a huge gold disc outside the 6px + track (the thumb is taller than the input, so overflow can't clip it). + The gold fill is now painted by slider() as an inline gradient. */ } .ds-slider input[type=range]::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; -- cgit v1.2.3