admin/felhom-controller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
authentik Default Admin
2026-07-13 11:57:08 +02:00
parent 912e6a62b6
commit 41c8fc23cf
2 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CHANGELOG.md
+8
View File
@@ -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
controller/internal/web/templates/style.css
+19
View File
@@ -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; }