Add hidden username field for accessibility

This commit is contained in:
Asher 2020-02-06 10:26:53 -06:00
parent 6cebfa469d
commit efaeb3b110
No known key found for this signature in database
GPG Key ID: D63C1EF81242354A
2 changed files with 7 additions and 2 deletions

View File

@ -17,13 +17,17 @@
margin-top: 1em;
}
.login-form > .field > .input {
.login-form > .field > .password {
border: 1px solid #b6b6b6;
box-sizing: border-box;
padding: 1em;
flex: 1;
}
.login-form > .field > .user {
display: none;
}
.login-form > .field > .submit {
background-color: transparent;
border: 1px solid #b6b6b6;

View File

@ -40,9 +40,10 @@ export const Login: React.FunctionComponent<LoginProps> = (props) => {
<div className="sub">Please log in below</div>
</div>
<div className="field">
<input className="user" type="text" autoComplete="username" />
<input
autoFocus
className="input"
className="password"
type="password"
placeholder="password"
autoComplete="current-password"