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

wp-admin/css/forms-rtl.css

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

wp-admin/css/forms.css

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

wp-admin/css/login-rtl.css

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

wp-admin/css/login.css

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