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.


Built from https://develop.svn.wordpress.org/trunk@50846


git-svn-id: http://core.svn.wordpress.org/trunk@50455 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryelle 2021-05-12 19:59:02 +00:00
parent d55ae83ddc
commit 750697e837
9 changed files with 21 additions and 5 deletions

View File

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

File diff suppressed because one or more lines are too long

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;
}

File diff suppressed because one or more lines are too long

View File

@ -337,6 +337,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"] {

File diff suppressed because one or more lines are too long

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"] {

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.8-alpha-50845';
$wp_version = '5.8-alpha-50846';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.