OCram85/code-server
Archived
1
0
Fork 0
Code Pull Requests 2 Activity

Add hidden username field for accessibility

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/browser/pages/login.css
View File

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

3
src/browser/pages/login.tsx
View File

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