From e265334aedbae6e65c93c9d0357ecef3db3e96cf Mon Sep 17 00:00:00 2001 From: Tonya Mork Date: Tue, 16 Nov 2021 01:55:32 +0000 Subject: [PATCH] Login and Registration: Wrap long usernames in login error message. Adds `word-wrap: break-word` to wrap long usernames in the login's error message. Using `word-wrap` instead of `word-break` for better cross-browser support and to avoid the deprecation (see Ref below). For consistency, also changes `#backtoblog`. Ref: * `word-break: break-word` deprecation https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#syntax Follow-up to [51108]. Props soniakash, audrasjb, sabernhardt, hellofromTonya, desrosj, ocean90. Fixes #37617. git-svn-id: https://develop.svn.wordpress.org/trunk@52174 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/login.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css index 750698591f..1f89db216e 100644 --- a/src/wp-admin/css/login.css +++ b/src/wp-admin/css/login.css @@ -50,6 +50,7 @@ p { margin-bottom: 20px; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + word-wrap: break-word; } .login .success { @@ -297,7 +298,7 @@ p { #backtoblog { margin: 16px 0; - word-break: break-word; + word-wrap: break-word; } .login #nav a,