Login, Users: Use a monospace font to display passwords.

When typing a password, the input field should use a monospace font. It's easier to distinguish letters in monospace fonts, which makes it easier to accurately read passwords.

Props robdxw, utz119, hedgefield, hareesh-pillai.
Fixes #40275.



git-svn-id: https://develop.svn.wordpress.org/trunk@50846 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Kelly Choyce-Dwan 2021-05-12 19:57:16 +00:00
parent 4258ff74f9
commit 4e4b37ebcb
2 changed files with 8 additions and 0 deletions

View File

@ -593,6 +593,10 @@ fieldset label,
opacity: 1;
}
.password-input-wrapper input {
font-family: Consolas, Monaco, monospace;
}
#pass1.short, #pass1-text.short {
border-color: #e65054;
}

View File

@ -336,6 +336,10 @@ p {
max-height: none;
}
.login input.password-input {
font-family: Consolas, Monaco, monospace;
}
.js.login input.password-input,
.js.login-action-rp form .input,
.js.login-action-rp input[type="text"] {