From d8c6b9d8c02fe52bd87c701fdb7583d5f17e6e72 Mon Sep 17 00:00:00 2001 From: Shail Mehta Date: Sat, 28 Mar 2026 18:31:34 +0530 Subject: [PATCH 1/4] Increase Color Picker Button Height --- src/wp-admin/css/color-picker.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css index 2e038353b7cca..8787134e54718 100644 --- a/src/wp-admin/css/color-picker.css +++ b/src/wp-admin/css/color-picker.css @@ -10,7 +10,7 @@ /* Needs higher specificity to override `.wp-core-ui .button`. */ .wp-picker-container .wp-color-result.button { - min-height: 30px; + min-height: 40px; margin: 0 6px 6px 0; padding: 0 0 0 30px; font-size: 11px; @@ -22,7 +22,7 @@ border-left: 1px solid #c3c4c7; color: #50575e; display: block; - line-height: 2.54545455; /* 28px */ + line-height: 3.45454545; /* 38px */ padding: 0 6px; text-align: center; } @@ -76,8 +76,8 @@ .wp-customizer .wp-picker-input-wrap .button.wp-picker-clear { margin-left: 6px; padding: 0 8px; - line-height: 2.54545455; /* 28px */ - min-height: 30px; + line-height: 3.45454545; /* 38px */ + min-height: 40px; } .wp-picker-container .iris-square-slider .ui-slider-handle:focus { @@ -94,11 +94,11 @@ width: 4rem; font-size: 12px; font-family: monospace; - line-height: 2.33333333; /* 28px */ + line-height: 3.16666666; /* 38px */ margin: 0; padding: 0 5px; vertical-align: top; - min-height: 30px; + min-height: 40px; } .wp-color-picker::-webkit-input-placeholder { From 8d808b5c9dbfe86757c73ffc77bab3d871c2b9a4 Mon Sep 17 00:00:00 2001 From: Shail Mehta Date: Sat, 28 Mar 2026 18:51:45 +0530 Subject: [PATCH 2/4] Fixed Conflict Issue --- src/wp-admin/css/color-picker.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css index 8787134e54718..98b0f591bbc08 100644 --- a/src/wp-admin/css/color-picker.css +++ b/src/wp-admin/css/color-picker.css @@ -94,7 +94,6 @@ width: 4rem; font-size: 12px; font-family: monospace; - line-height: 3.16666666; /* 38px */ margin: 0; padding: 0 5px; vertical-align: top; @@ -174,4 +173,4 @@ .wp-customizer .wp-picker-container .wp-color-result-text { padding: 0 10px; } -} +} \ No newline at end of file From 06b7bf1c788c747a4a39dac890360d555e3e0b45 Mon Sep 17 00:00:00 2001 From: Shail Mehta Date: Sat, 28 Mar 2026 18:57:13 +0530 Subject: [PATCH 3/4] Fixed Conflict Issue --- src/wp-admin/css/color-picker.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css index 98b0f591bbc08..f7fc6e3713ff9 100644 --- a/src/wp-admin/css/color-picker.css +++ b/src/wp-admin/css/color-picker.css @@ -173,4 +173,4 @@ .wp-customizer .wp-picker-container .wp-color-result-text { padding: 0 10px; } -} \ No newline at end of file +} From 7aa1657e1008963ab4137433b5ba00ace93ec74b Mon Sep 17 00:00:00 2001 From: Shail Mehta Date: Sat, 28 Mar 2026 19:29:02 +0530 Subject: [PATCH 4/4] added color picker height 32px --- src/wp-admin/css/color-picker.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css index f7fc6e3713ff9..8264432dd39cc 100644 --- a/src/wp-admin/css/color-picker.css +++ b/src/wp-admin/css/color-picker.css @@ -10,7 +10,7 @@ /* Needs higher specificity to override `.wp-core-ui .button`. */ .wp-picker-container .wp-color-result.button { - min-height: 40px; + min-height: 32px; margin: 0 6px 6px 0; padding: 0 0 0 30px; font-size: 11px; @@ -22,7 +22,7 @@ border-left: 1px solid #c3c4c7; color: #50575e; display: block; - line-height: 3.45454545; /* 38px */ + line-height: 2.72727273; /* 30px */ padding: 0 6px; text-align: center; } @@ -76,8 +76,8 @@ .wp-customizer .wp-picker-input-wrap .button.wp-picker-clear { margin-left: 6px; padding: 0 8px; - line-height: 3.45454545; /* 38px */ - min-height: 40px; + line-height: 2.72727273; /* 30px */ + min-height: 32px; } .wp-picker-container .iris-square-slider .ui-slider-handle:focus { @@ -97,7 +97,7 @@ margin: 0; padding: 0 5px; vertical-align: top; - min-height: 40px; + min-height: 32px; } .wp-color-picker::-webkit-input-placeholder {