From 42af8b7735f9ad66a1f9b424e2ed8d1bdc3fecc3 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Tue, 19 Nov 2024 21:22:10 +0000 Subject: [PATCH] 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. Props leecollings, sabernhardt, im3dabasia1, roytanck, sailpete, joedolson. Fixes #62410. git-svn-id: https://develop.svn.wordpress.org/trunk@59424 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/login.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css index 57465ea586479..c2211d9da681e 100644 --- a/src/wp-admin/css/login.css +++ b/src/wp-admin/css/login.css @@ -269,11 +269,11 @@ p { vertical-align: baseline; } -.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); background-size: 84px; @@ -323,13 +323,13 @@ p { .login #nav a:hover, .login #backtoblog a:hover, -.login .wp-login-logo a:hover { +.login h1 a:hover { color: #135e96; } .login #nav a:focus, .login #backtoblog a:focus, -.login .wp-login-logo a:focus { +.login h1 a:focus { color: #043959; } @@ -390,7 +390,7 @@ body.interim-login { margin: 5px auto 20px; } -.interim-login.login .wp-login-logo a { +.interim-login.login h1 a { width: auto; }