Add hidden username field for accessibility
This commit is contained in:
parent
6cebfa469d
commit
efaeb3b110
|
@ -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;
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Reference in New Issue