Changeset 59429

Timestamp:

11/20/2024 01:57:00 AM (12 days ago)

Author:

desrosj

Message:

Login: Revert selector change in login heading CSS.

In [59138], the login screens were updated to change the h1 heading from the logo to screen-reader hidden text. Along with that HTML change, we changed the CSS selectors from .login h1 to .login .wp-login-logo. This unnecessary change increased specificity and broke the CSS selectors used by a wide variety of plugins to replace the login logo.

Commit reverts the change in selector back to using the .login h1 pattern.

Reviewed by joedolson, desrosj.
Merges [59424] to the 6.7 branch.

Props leecollings, sabernhardt, im3dabasia1, roytanck, sailpete, joedolson.
Fixes #62410.

Location:

branches/6.7

Files:

• . (modified) (1 prop)
• src/wp-admin/css/login.css (modified) (4 diffs)

branches/6.7/src/wp-admin/css/login.css

@@ -270 +270 @@
 }
 
-.login .wp-login-logo {
+.login h1 {
     text-align: center;
 }
 
-.login .wp-login-logo a {
+.login h1 a {
     background-image: url(../images/w-logo-blue.png?ver=20131202);
     background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
@@ -324 +324 @@
 .login #nav a:hover,
 .login #backtoblog a:hover,
-.login .wp-login-logo a:hover {
+.login h1 a:hover {
     color: #135e96;
 }
@@ -330 +330 @@
 .login #nav a:focus,
 .login #backtoblog a:focus,
-.login .wp-login-logo a:focus {
+.login h1 a:focus {
     color: #043959;
 }
@@ -391 +391 @@
 }
 
-.interim-login.login .wp-login-logo a {
+.interim-login.login h1 a {
     width: auto;
 }