aboutsummaryrefslogtreecommitdiff
path: root/docs/prototypes/desktop-settings-shared.css
diff options
context:
space:
mode:
authorCraig Jennings <c@cjennings.net>2026-07-22 15:15:02 -0500
committerCraig Jennings <c@cjennings.net>2026-07-22 15:15:02 -0500
commitf1c661f50d6af2a115fc1430ae0478f2acef2dec (patch)
treeb894ea2e14327794bb75671b962f37185cff22ea /docs/prototypes/desktop-settings-shared.css
parentf594068bed75302aba50793ccf5e6ce9cf53c7f8 (diff)
downloadarchsetup-f1c661f50d6af2a115fc1430ae0478f2acef2dec.tar.gz
archsetup-f1c661f50d6af2a115fc1430ae0478f2acef2dec.zip
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.
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%;