v0.126.1: .form-input/.form-row finally have CSS — the classes were used across backups/import/offbox templates with NO backing rule (root cause of the unstyled .fab password field seen in 0.126.0 live QA); same visual spec as the .form-control twin

This commit is contained in:
2026-07-13 11:57:08 +02:00
parent 912e6a62b6
commit 41c8fc23cf
2 changed files with 27 additions and 0 deletions
@@ -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; }