Changeset 62602 for branches/7.0/src/wp-admin/css/forms.css

Timestamp:

06/30/2026 08:14:22 PM (2 months ago)

Author:

joedolson

Message:

Admin Reskin: Fix mobile list table control heights.

On the mobile admin viewport, interactive elements on list table pages had inconsistent heights. Give them a consistent height.

Follow-up to [61645].

Reviewed by joedolson.
Merges [62400] to the 7.0 branch.

Props andrewssanya, sainathpoojary, wildworks.
See #64999.

Location:

branches/7.0

Files:

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

branches/7.0/src/wp-admin/css/forms.css

@@ -523 +523 @@
 #post-query-submit {
         margin: 0 8px 0 0;
-        min-height: 32px;
-        line-height: 2.30769231; /* 30px for 32px height with 13px font */
-        padding: 0 12px;
 }
 
@@ -1758 +1755 @@
         }
 
+        .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 {
+                min-height: 40px;
+        }
+
+        .wp-core-ui .tablenav .button {
+                min-height: 40px;
+                line-height: 2.71428571;
+                padding: 0 14px;
+        }
+
         p.search-box {
                 float: none;
@@ -1774 +1794 @@
                 width: 100%;
                 margin-bottom: 0;
+        }
+
+        p.search-box input[type="search"],
+        p.search-box input[type="text"] {
+                min-height: 40px;
         }