diff --git a/CHANGELOG.md b/CHANGELOG.md index 510837c..2d006ef 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,13 @@ ## Changelog +### v0.126.1 — .form-input/.form-row finally have CSS (2026-07-13) + +Live QA on 0.126.0 (drill box) showed the .fab password field STILL browser-default: the +`.form-input`/`.form-row` classes used across the backups/import/offbox templates had NO +backing rule in style.css at all (only the `.form-control` twin was styled) — the actual root +cause of the operator's "unstyled clipped placeholder" screenshot. Added the missing rules +(same visual spec as `.form-control`; label-over-field rows). Presentation only. + ### v0.126.0 — UI uniformity bundle: shared app-list rows, infra-app metadata, restore-form polish, mojibake gate (2026-07-13) Operator review (2026-07-13 screenshots): app lists looked designed three different ways across diff --git a/controller/internal/web/templates/style.css b/controller/internal/web/templates/style.css index 00f3c19..3c3ad11 100644 --- a/controller/internal/web/templates/style.css +++ b/controller/internal/web/templates/style.css @@ -703,6 +703,25 @@ h3 { } select.form-control { appearance: auto; } select.form-control option { background: var(--bg-2); color: var(--text-1); } +/* .form-input / .form-row — the backups-page twin of .form-control (v0.126.1): the class + was used across the backups/import/offbox templates with NO backing rule, so those + inputs rendered as browser defaults (the operator's "unstyled clipped placeholder" + screenshot). Same visual spec as .form-control. */ +.form-input { + width: 100%; + padding: .55rem .75rem; + border: 1px solid var(--line); + border-radius: var(--radius); + font-size: .9rem; + background: var(--bg-2); + color: var(--text-1); + font-family: inherit; + transition: border-color 0.2s ease; +} +.form-input:focus { outline: none; border-color: var(--blue); } +.form-input::placeholder { color: var(--text-3); } +.form-row { margin-bottom: .75rem; } +.form-row > label { display: block; font-size: .85rem; color: var(--text-2); margin-bottom: .3rem; } .input-with-button { display: flex; gap: .5rem; } .input-with-button .form-control { flex: 1; } .subdomain-input-group { display: flex; align-items: center; gap: .5rem; }