From 4e4b37ebcb19db4d4177e25ef31d294846f964d4 Mon Sep 17 00:00:00 2001
From: Kelly Choyce-Dwan <ryelle@git.wordpress.org>
Date: Wed, 12 May 2021 19:57:16 +0000
Subject: [PATCH] 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
---
 src/wp-admin/css/forms.css | 4 ++++
 src/wp-admin/css/login.css | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
index a062461161..28575cfd12 100644
--- a/src/wp-admin/css/forms.css
+++ b/src/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;
 }
diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css
index 5c4993c9bf..7d06fbc4ae 100644
--- a/src/wp-admin/css/login.css
+++ b/src/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"] {