Changeset 62172

Timestamp:

03/28/2026 04:35:23 PM (2 months ago)

Author:

audrasjb

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.

Reviewed by wildworks, audrasjb.
Merges [62171] to the 7.0 branch.

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

Location:

branches/7.0

Files:

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

branches/7.0/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;

branches/7.0/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;
 }

branches/7.0/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%;

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

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

branches/7.0/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 */
     }
 

branches/7.0/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;

branches/7.0/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;
 }