web: Improve form input validation and visibility. (#12812)
This commit is contained in:
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -260,6 +260,7 @@ export class IdentificationStage extends BaseStage<
|
||||
placeholder=${label}
|
||||
autofocus=""
|
||||
autocomplete="username"
|
||||
spellcheck="false"
|
||||
class="pf-c-form-control"
|
||||
required
|
||||
/>
|
||||
|
||||
@ -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}"
|
||||
|
||||
Reference in New Issue
Block a user