Changeset 62089 for trunk/src/wp-admin/css/forms.css

Timestamp:

03/22/2026 11:04:10 PM (6 days ago)

Author:

joedolson

Message:

Administration: Fix radio button selection alignment.

Fix issue where the selected state dot on radio buttons was not centered when scaling is set to a value greater than 100%. Remove the .tog class and styles, unused since [26072].

Props presskopp, siliconforks, suhan2411, sabernhardt, shailu25, joedolson.
Fixes #64816.

File:

• trunk/src/wp-admin/css/forms.css (modified) (3 diffs)

trunk/src/wp-admin/css/forms.css

@@ -172 +172 @@
 
 input[type="radio"] {
+    display: inline-flex;
     border-radius: 50%;
     margin-right: 0.25rem;
-    /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
-    line-height: 0.71428571;
+    align-items: center;
+    justify-content: center;
 }
 
@@ -212 +213 @@
     width: 0.5rem; /* 8px */
     height: 0.5rem; /* 8px */
-    margin: 0.1875rem; /* 3px */
+    margin: auto;
     background-color: #fff;
-    /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
-    line-height: 1.14285714;
+    /* Only visible in Windows High Contrast mode */
+    outline: 4px solid transparent;
 }
 
@@ -958 +959 @@
 }
 
-.form-table input.tog,
-.form-table input[type="radio"] {
-    margin-top: -4px;
-    margin-right: 4px;
-    float: none;
-}
-
 .form-table .pre {
     padding: 8px;