cubetiq/code-server
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

login.css: Fix button styling on iOS

Browse Source
This commit is contained in:
Jacky 2020-10-29 10:07:43 +08:00 committed by Anmol Sethi
parent 2a3608df53
commit f79bb210ec
No known key found for this signature in database
GPG Key ID: 8CEF1878FF10ADEB
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,7 +26,7 @@ body {
border: 1px solid #ddd;
box-sizing: border-box;
color: black;
flex: 1;
width: 100%;
padding: 16px;
}
@ -34,6 +34,16 @@ body {
display: none;
}
.login-form > .field > .submit {
margin-left: 20px;
.login-form > .field > input[type="submit"] {
position: absolute;
left: -9999px;
}
.login-form > .field > input[type="submit"]:focus + label {
border: 2px solid #000;
}
.login-form > .field > .submit{
margin-left: 20px;
flex-shrink: 0;
}

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

@ -38,7 +38,8 @@
name="password"
autocomplete="current-password"
/>
<input class="submit -button" value="SUBMIT" type="submit" />
<input value="SUBMIT" type="submit" id="submit-button">
<label for="submit-button" class="submit -button">SUBMIT</label>
</div>
{{ERROR}}
</form>