Changeset 62202

Timestamp:

04/03/2026 01:33:32 AM (3 weeks ago)

Author:

wildworks

Message:

Admin Reskin: Change color picker height to match new design system.

Update min-height from 30px to 32px for the color picker button and related elements to match new design system.

Reviewed by joedolson, wildworks.
Merges [62191] to the 7.0 branch.

Props audrasjb, hmbashar, huzaifaalmesbah, joedolson, juanmaguitar, mukesh27, noruzzaman, ozgursar, rahultank, rcorrales, sajib1223, shailu25, tusharaddweb, vgnavada, wildworks.

Fixes #64761.

Location:

branches/7.0

Files:

• . (modified) (1 prop)
• src/wp-admin/css/color-picker.css (modified) (4 diffs)

branches/7.0/src/wp-admin/css/color-picker.css

@@ -11 +11 @@
 /* Needs higher specificity to override `.wp-core-ui .button`. */
 .wp-picker-container .wp-color-result.button {
-    min-height: 30px;
+    min-height: 32px;
     margin: 0 6px 6px 0;
     padding: 0 0 0 30px;
@@ -23 +23 @@
     color: #50575e;
     display: block;
-    line-height: 2.54545455; /* 28px */
+    line-height: 2.72727273; /* 30px */
     padding: 0 6px;
     text-align: center;
@@ -77 +77 @@
     margin-left: 6px;
     padding: 0 8px;
-    line-height: 2.54545455; /* 28px */
-    min-height: 30px;
+    line-height: 2.72727273; /* 30px */
+    min-height: 32px;
 }
 
@@ -98 +98 @@
     padding: 0 5px;
     vertical-align: top;
-    min-height: 30px;
+    min-height: 32px;
 }