Changeset 62171

Timestamp:

03/28/2026 12:26:38 PM (6 months ago)

Author:

wildworks

Message:

Admin reskin: Remove line-height from input fields.

line-height values that were previously used to match the height of input fields affect the height of the background shown when text inside those fields is selected. Removing these line-height declarations allows the text selection highlight to render more naturally.

Additionally, update the height of the custom Date/Time format input fields on the General Settings screen to 32px to align with the new design system.

Props arkaprabhachowdhury, audrasjb, hmrisad, huzaifaalmesbah, manhar, manishxdp, noruzzaman, ozgursar, r1k0, sachinrajcp123, wildworks.

Fixes #64763.

Location:

trunk/src/wp-admin/css

Files:

• color-picker.css (modified) (1 diff)
• common.css (modified) (1 diff)
• customize-controls.css (modified) (1 diff)
• dashboard.css (modified) (1 diff)
• forms.css (modified) (4 diffs)
• list-tables.css (modified) (2 diffs)
• media.css (modified) (1 diff)

trunk/src/wp-admin/css/color-picker.css

@@ -95 +95 @@
         font-size: 12px;
         font-family: monospace;
-        line-height: 2.33333333; /* 28px */
         margin: 0;
         padding: 0 5px;

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

@@ -1116 +1116 @@
 .wp-filter .search-form input[type="search"] {
         min-height: 32px;
-        line-height: 2.14285714; /* 30px for 32px height with 14px font */
         padding: 0 8px;
 }

trunk/src/wp-admin/css/customize-controls.css

@@ -2185 +2185 @@
 
 .themes-filter-bar .wp-filter-search {
-        line-height: 2.14285714; /* 30px for 32px compact input */
         padding: 0 10px 0 30px;
         max-width: 100%;

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

@@ -534 +534 @@
         margin: 0;
         min-height: 32px;
-        line-height: 2.14285714;
         padding: 0 8px;
 }

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

@@ -70 +70 @@
         padding: 0 12px;
         /* inherits font size 14px */
-        line-height: 2.71428571; /* 38px for 40px min-height */
         min-height: 40px;
 }
@@ -817 +816 @@
 p.search-box input[type="text"] {
         min-height: 32px;
-        line-height: 2.14285714; /* 30px for 32px height with 14px font */
         padding: 0 8px;
 }
@@ -1238 +1236 @@
         width: 56px;
         margin: -2px 0;
-        min-height: 24px;
-        line-height: 1.71428571; /* 24px for 14px font size */
+        min-height: 32px;
 }
 
@@ -1602 +1599 @@
                 padding: 0 12px;
                 min-height: 40px;
-                line-height: 2.5; /* 40px for 16px font */
         }
 

trunk/src/wp-admin/css/list-tables.css

@@ -687 +687 @@
         text-align: center;
         min-height: 32px;
-        line-height: 2.30769231; /* 30px for 32px height with 13px font */
         padding: 0 8px;
 }
@@ -1100 +1099 @@
 .inline-edit-row select,
 .inline-edit-row input:where(:not([type=checkbox],[type=radio],[type=submit],[type=button])) {
-        line-height: 2.14285714;
         min-height: 32px;
         padding: 0 8px 0 8px;

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

@@ -569 +569 @@
 .media-frame.mode-grid .media-toolbar input[type="search"] {
         min-height: 32px;
-        line-height: 2.14285714; /* 30px for 32px height with 14px font */
         padding: 0 8px;
 }