Changeset 63483

Timestamp:

09/04/2026 10:41:03 PM (5 weeks ago)

Author:

joedolson

Message:

Login and Registration: Align tooltip icon with control.

Update CSS for the login and registration screen for the tooltip icon on the Remember Me option so that the icon aligns correctly with the checkbox and input.

Reviewed by adamsilverstein.
Merges [63448] to the 7.1 branch.

Props utsavladani, timse201, nkpathan, khokansardar, dhruvang21, pbiron, r1k0, ocean90, saiful09, joedolson.
Fixes #65918.

Location:

branches/7.1

Files:

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

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

@@ -202 +202 @@
 
 .login form .forgetmenot {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        /* Matches the height of the Log In button beside it, so the row centers on it. */
+        min-height: 40px;
         font-weight: 400;
         float: left;
+        margin-bottom: 0;
+}
+
+/* Centering aligns margin boxes, so margins left from the inline layout would offset these. */
+.login form .forgetmenot input[type="checkbox"],
+.login form .forgetmenot label {
+        margin-top: 0;
         margin-bottom: 0;
 }