From 0928988abc705c2feb6e6eec7e52b121ab2b8281 Mon Sep 17 00:00:00 2001 From: BenStullsBets Date: Thu, 25 Jun 2026 08:26:10 -0700 Subject: [PATCH] fix(sim): collapse Dev Mode panel when disabled The generic .hidden { display:none } is defined earlier in the stylesheet than .dev-panel { display:flex }; equal specificity meant source order won and the panel stayed visible with the toggle off. A two-class .dev-panel.hidden rule wins, so all dev controls/data truly hide when Dev Mode is disabled. Co-Authored-By: Claude Opus 4.8 (1M context) --- simulator/static/style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/simulator/static/style.css b/simulator/static/style.css index 69cfe18..f64d528 100644 --- a/simulator/static/style.css +++ b/simulator/static/style.css @@ -80,6 +80,9 @@ input[type=range], select { width: 100%; } .dev-switch input:focus-visible + .dev-switch-track { outline: 2px solid #9af; outline-offset: 1px; } .dev-switch-label { color: #9af; font-weight: 600; letter-spacing: 0.3px; } .dev-panel { display: flex; flex-direction: column; gap: 0.8rem; } +/* Beat the generic `.hidden` (defined earlier, equal specificity): two classes + win, so the panel truly collapses when Dev Mode is off. */ +.dev-panel.hidden { display: none; } .dev-panel legend { color: #4e9; } .dev-btn { margin-top: 0.5rem; width: 100%; padding: 0.4rem; cursor: pointer; background: #182028; color: #cde; border: 1px solid #2c3c5c; border-radius: 4px; }