Put each page's settings on that page

A watchdog threshold was reachable only from the bottom of a list of a hundred
and twenty on another tab.
This commit is contained in:
Gmer4Lfe
2026-08-12 19:55:51 -04:00
parent 8ca52c64b9
commit e64d26af6c
13 changed files with 284 additions and 151 deletions
+29
View File
@@ -559,6 +559,35 @@ body.vv-fullscreen #displaybox { padding-left: 1rem !important; padding-top: .5r
padding: 3px 8px; border-radius: 3px; cursor: pointer; flex-shrink: 0; }
.vv-cf-reveal:hover { color: #aaa; border-color: #4a4a4a; }
/* ── The settings card ────────────────────────────────────────────────────────
Emitted by vv_conf_ui_card(), so every page that shows settings shows the same object. Lives
here rather than in each page's inline block for the reason nine page-private vocabularies
existed in the first place: a card defined where it is used is a card that drifts. */
.vv-cf-card { background:#161616; border:1px solid #2a2a2a; border-radius:6px;
padding:12px 14px; margin-bottom:14px; }
.vv-cf-card-h { display:flex; align-items:center; gap:10px; cursor:pointer; user-select:none;
flex-wrap:wrap; }
.vv-cf-card-c { color:#333; font-size:9px; transition:transform .12s; }
.vv-cf-card-h.open .vv-cf-card-c { transform:rotate(90deg); }
.vv-cf-card-l { font-size:11px; font-weight:700; color:#666; text-transform:uppercase;
letter-spacing:.07em; }
.vv-cf-card-f { max-width:240px; cursor:text; background:#0d0d0d; border:1px solid #2a2a2a;
border-radius:3px; color:#bbb; font-size:12px; padding:4px 8px; outline:none;
font-family:inherit; }
.vv-cf-card-f:focus { border-color:#444; }
.vv-cf-card-s { margin-left:auto; font-size:10px; color:#444; font-family:monospace; }
.vv-cf-card-s.warn { color:#ffb74d; }
.vv-cf-card-s.ok { color:#4caf50; }
.vv-cf-card-s.bad { color:#ef5350; }
.vv-cf-card-save { background:#1a2a1a; border:1px solid #2d4a2d; color:#4caf50; font-size:11px;
padding:5px 14px; border-radius:3px; cursor:pointer; font-family:inherit; }
.vv-cf-card-save:hover:not(:disabled) { background:#223a22; }
.vv-cf-card-save:disabled { opacity:.4; cursor:default; }
/* Scrolls itself rather than growing the page past the viewport, so Save stays reachable. */
.vv-cf-card [id$="-fields"] { max-height:60vh; overflow-y:auto; margin-top:10px; padding-right:4px; }
/* Hidden by the filter, not removed — see the note in VvConfCard. */
.vv-cf-group.vv-filtered { display:none; }
/* Touched but not yet saved. The row says so itself rather than relying on a Save button
somewhere else having become enabled. */
.vv-cf-field.dirty { border-left-color: #6a5228; background: #14110a; }