aboutsummaryrefslogtreecommitdiff
path: root/docs/prototypes/desktop-settings-shared.css
diff options
context:
space:
mode:
Diffstat (limited to 'docs/prototypes/desktop-settings-shared.css')
-rw-r--r--docs/prototypes/desktop-settings-shared.css12
1 files changed, 9 insertions, 3 deletions
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%;