web: Improve form input validation and visibility. (#12812)

This commit is contained in:
Teffen Ellis
2025-02-14 02:11:35 +01:00
committed by GitHub
parent 49cc70eb96
commit 46a968d1dd
44 changed files with 268 additions and 79 deletions

View File

@ -45,7 +45,6 @@ export class AuthenticatorStaticStage extends BaseStage<
}
ul li {
font-size: var(--pf-global--FontSize--2xl);
font-family: monospace;
margin: 0 2rem;
}
`,
@ -80,7 +79,7 @@ export class AuthenticatorStaticStage extends BaseStage<
<ak-form-element label="" class="pf-c-form__group">
<ul>
${this.challenge.codes.map((token) => {
return html`<li>${token}</li>`;
return html`<li class="pf-m-monospace">${token}</li>`;
})}
</ul>
</ak-form-element>

View File

@ -125,7 +125,8 @@ export class AuthenticatorTOTPStage extends BaseStage<
placeholder="${msg("Please enter your TOTP Code")}"
autofocus=""
autocomplete="one-time-code"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
spellcheck="false"
required
/>
</ak-form-element>

View File

@ -260,6 +260,7 @@ export class IdentificationStage extends BaseStage<
placeholder=${label}
autofocus=""
autocomplete="username"
spellcheck="false"
class="pf-c-form-control"
required
/>

View File

@ -99,6 +99,7 @@ ${prompt.initialValue}</textarea
name="${prompt.fieldKey}"
placeholder="${prompt.placeholder}"
autocomplete="username"
spellcheck="false"
class="pf-c-form-control"
?required=${prompt.required}
value="${prompt.initialValue}"