Changeset 62115

Timestamp:

03/26/2026 02:26:58 AM (2 days ago)

Author:

joedolson

Message:

Admin: Fix height of controls in extra_tablenav.

Add CSS & update selectors so that controls added in the extra_tablenav region of list tables inherit the compact sizing used by core table nav controls.

Reviewed by johnbillion.
Props johnbillion, hbhalodia, mukesh27, sabernhardt, abdullah17, r1k0, joedolson, nilambar, shailu25.
Fixes #64796.

File:

• trunk/src/wp-admin/css/forms.css (modified) (1 diff)

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

@@ -539 +539 @@
 }
 
-.tablenav .actions select {
+.wp-core-ui .tablenav input[type="text"],
+.wp-core-ui .tablenav input[type="password"],
+.wp-core-ui .tablenav input[type="date"],
+.wp-core-ui .tablenav input[type="datetime"],
+.wp-core-ui .tablenav input[type="datetime-local"],
+.wp-core-ui .tablenav input[type="email"],
+.wp-core-ui .tablenav input[type="month"],
+.wp-core-ui .tablenav input[type="number"],
+.wp-core-ui .tablenav input[type="search"],
+.wp-core-ui .tablenav input[type="tel"],
+.wp-core-ui .tablenav input[type="time"],
+.wp-core-ui .tablenav input[type="url"],
+.wp-core-ui .tablenav input[type="week"],
+.wp-core-ui .tablenav select {
+    padding: 0 12px;
+    /* inherits font size 14px */
+    line-height: 2.14285714; /* 30px for 32px height with 14px font */
+    min-height: 32px;
+}
+
+.wp-core-ui .tablenav select {
     float: left;
     margin-right: 6px;
     max-width: 12.5rem;
-    min-height: 32px;
-    line-height: 2.14285714; /* 30px for 32px height with 14px font */
     padding: 0 24px 0 8px;
 }
 
-.tablenav .actions .button {
+.wp-core-ui .tablenav .button {
     min-height: 32px;
     line-height: 2.30769231; /* 30px for 32px height with 13px font */