Skip to content

Commit b60f8ba

Browse files
committed
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. Props audrasjb, hmbashar, huzaifaalmesbah, joedolson, juanmaguitar, mukesh27, noruzzaman, ozgursar, rahultank, rcorrales, sajib1223, tusharaddweb, vgnavada, wildworks. Fixes #64761. git-svn-id: https://develop.svn.wordpress.org/trunk@62191 602fd350-edb4-49c9-b593-d223f7449a82
1 parent 1893a30 commit b60f8ba

1 file changed

Lines changed: 5 additions & 5 deletions

File tree

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010

1111
/* Needs higher specificity to override `.wp-core-ui .button`. */
1212
.wp-picker-container .wp-color-result.button {
13-
min-height: 30px;
13+
min-height: 32px;
1414
margin: 0 6px 6px 0;
1515
padding: 0 0 0 30px;
1616
font-size: 11px;
@@ -22,7 +22,7 @@
2222
border-left: 1px solid #c3c4c7;
2323
color: #50575e;
2424
display: block;
25-
line-height: 2.54545455; /* 28px */
25+
line-height: 2.72727273; /* 30px */
2626
padding: 0 6px;
2727
text-align: center;
2828
}
@@ -76,8 +76,8 @@
7676
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
7777
margin-left: 6px;
7878
padding: 0 8px;
79-
line-height: 2.54545455; /* 28px */
80-
min-height: 30px;
79+
line-height: 2.72727273; /* 30px */
80+
min-height: 32px;
8181
}
8282

8383
.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
@@ -97,7 +97,7 @@
9797
margin: 0;
9898
padding: 0 5px;
9999
vertical-align: top;
100-
min-height: 30px;
100+
min-height: 32px;
101101
}
102102

103103
.wp-color-picker::-webkit-input-placeholder {

0 commit comments

Comments
 (0)