frontend: move name field to the top of the signup form (#2508)

Fixes #2507

Does what it says on the tin!
This commit is contained in:
Henry Wilkinson 2025-03-20 19:50:43 -04:00 committed by GitHub
parent 4c0ddd0fe3
commit c770b9ec22
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -85,6 +85,23 @@ export class SignUpForm extends LiteElement {
<form @submit=${this.onSubmit} aria-describedby="formError">
${serverError}
<div class="mb-5">
<sl-input
id="name"
name="name"
label=${msg("Your name")}
autocomplete="nickname"
minlength="2"
class="hide-required-content"
required
>
</sl-input>
<p class="mt-2 text-xs text-neutral-500">
${msg(
"Your full name, nickname, or another name that org collaborators can see.",
)}
</p>
</div>
<div class="mb-5">
${this.email
? html`
@ -136,23 +153,6 @@ export class SignUpForm extends LiteElement {
</p>
${when(this.pwStrengthResults, this.renderPasswordStrength)}
</div>
<div class="mb-5">
<sl-input
id="name"
name="name"
label=${msg("Your name")}
autocomplete="nickname"
minlength="2"
class="hide-required-content"
required
>
</sl-input>
<p class="mt-2 text-xs text-neutral-500">
${msg(
"Your full name, nickname, or another name that org collaborators can see.",
)}
</p>
</div>
<sl-button
class="w-full"