0 Fork 0

mirror of https://github.com/ZoneMinder/zoneminder.git synced 2026-10-02 23:45:08 -04:00

Files

T

Isaac ConnorandClaude Opus 5 f8afcc1116 feat: add a password visibility toggle to the login form

The monitor, user and options views all put a material-icons eye beside
their password fields; the login form was the one place without it. Wrap
the password input in an input-group with the same
toggle_password_visibility control so a mistyped password can be checked
before submitting.

Lay the toggle over the field instead of beside it. An addon of its own
would have to keep its fill in step with the field's, and it cannot: the
input's background comes from the theme (#f8f8f8 in base, dark elsewhere),
changes again on focus, and the browser paints its own autofill highlight
over the whole thing. Positioned on top, the toggle stays transparent and
the field shows through in every one of those states, and Bootstrap's own
focus ring still wraps the pair.

The material-icons rule is forced past the font loader's
'display: inline-block !important' so the icon centres vertically. The
input-group also drops the field's own bottom margin, so the login CSS
moves that spacing onto the group.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RNbLurNrXEffGRVfj9yHf2

2026-08-15 22:18:47 -04:00