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

login.css: Fix button styling on iOS

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; border: 1px solid #ddd;
box-sizing: border-box; box-sizing: border-box;
color: black; color: black;
flex: 1; width: 100%;
padding: 16px; padding: 16px;
} }
@ -34,6 +34,16 @@ body {
display: none; display: none;
} }
.login-form > .field > .submit { .login-form > .field > input[type="submit"] {
margin-left: 20px; 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" name="password"
autocomplete="current-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> </div>
{{ERROR}} {{ERROR}}
</form> </form>