Bernard Siebens
7b18b39f49
The entrance forms lose their visible field labels and gain an icon inside each field (mail, lock), and allauth's "Forgot your password?" link -- which is the password field's help_text -- is spaced away from the input instead of sitting flush against it. Three things this depends on: - allauth already passes `unlabeled=True` on the entrance forms and already sets a placeholder on every field there, so the visible label was redundant. The label is still emitted sr-only: a placeholder is not a label, and it vanishes as soon as you type. - daisyUI's icon-in-field layout puts the `input` class on the *wrapping label*, so the input itself must carry only `grow` -- hence the optional css override on the daisy filter. `input` on both draws a box inside a box, and the error state belongs on the wrapper for the same reason. - The help text now carries id="<auto_id>_helptext". Django points the input's aria-describedby at exactly that id, so without it the reference dangled and a screen reader never announced the password-reset link. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
21 lines
832 B
HTML
21 lines
832 B
HTML
{% extends base_template %}
|
|
|
|
{% comment %}
|
|
Not a fixed parent: `base_template` is resolved per request by the branding context
|
|
processor, so every auth screen allauth ships -- login, password reset, MFA, passkeys,
|
|
and whatever it adds next -- picks up the club's skin on a club subdomain and the
|
|
RosterChief one on the base domain, with no template of its own knowing clubs exist.
|
|
|
|
The title is left to the chosen base, which suffixes the club or the platform name.
|
|
{% endcomment %}
|
|
|
|
{% block main %}
|
|
<div class="flex justify-center">
|
|
<div class="card w-full max-w-xl bg-base-100 border-2 border-base-content/20 shadow-xl">
|
|
<div class="card-body prose max-w-none">
|
|
{% block content %}{% endblock content %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock main %}
|