mirror_php/wordpress
1
0
Fork 0
mirror of git://develop.git.wordpress.org/ synced 2025-01-19 05:38:07 +01:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

Design fixes to the color picker:

Browse Source 
* Apply top: 0 to .wp-color-result (open and closed).
* Reduce text size in hex-value field.
* Move hex-value-field styles to color-picker.css.

Fixes #26289, props mattheu.



git-svn-id: https://develop.svn.wordpress.org/trunk@26435 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas 2013-11-27 19:50:48 +00:00
parent 8b21aa420c
commit 4be0cfa019
2 changed files with 20 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/wp-admin/css/color-picker.css
View File

@ -59,7 +59,7 @@
border-left: 1px solid #999; border-left: 1px solid #999;
} }
.wp-color-result.wp-picker-open { .wp-color-result {
top: 0; top: 0;
} }
@ -96,11 +96,29 @@
} }
.wp-picker-container .iris-picker { .wp-picker-container .iris-picker {
border-radius: 0;
border-color: #dfdfdf; border-color: #dfdfdf;
margin-top: 6px; margin-top: 6px;
} }
input[type="text"].iris-error { .wp-picker-container input[type="text"].wp-color-picker {
width: 65px;
font-size: 12px;
font-family: monospace;
text-align: center;
line-height: 16px;
margin: 0;
}
.wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
color: transparent;
}
.wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
color: #999;
}
.wp-picker-container input[type="text"].iris-error {
background-color: #ffebe8; background-color: #ffebe8;
border-color: #c00; border-color: #c00;
color: #000; color: #000;

20
src/wp-admin/css/customize-controls.css
View File

@ -313,26 +313,6 @@ body {
border-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25);
} }
.customize-control-color .iris-picker {
border-radius: 0 !important;
}
.accordion-section input[type="text"].color-picker-hex {
width: 65px;
font-family: monospace;
text-align: center;
line-height: 16px;
}
/* The centered cursor overlaps the placeholder in webkit. Hide it when selected. */
.accordion-section input[type="text"].color-picker-hex:focus::-webkit-input-placeholder {
color: transparent;
}
.accordion-section input[type="text"].color-picker-hex:-moz-placeholder {
color: #999;
}
/* /*
* Image Picker * Image Picker
*/ */