WordPress.org

Make WordPress Core

Changeset 26435


Ignore:
Timestamp:
11/27/2013 07:50:48 PM (6 years ago)
Author:
iammattthomas
Message:

Design fixes to the color picker:

  • 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.

Location:
trunk/src/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/color-picker.css

    r26420 r26435  
    6060}
    6161
    62 .wp-color-result.wp-picker-open {
     62.wp-color-result {
    6363    top: 0;
    6464}
     
    9797
    9898.wp-picker-container .iris-picker {
     99    border-radius: 0;
    99100    border-color: #dfdfdf;
    100101    margin-top: 6px;
    101102}
    102103
    103 input[type="text"].iris-error {
     104.wp-picker-container input[type="text"].wp-color-picker {
     105    width: 65px;
     106    font-size: 12px;
     107    font-family: monospace;
     108    text-align: center;
     109    line-height: 16px;
     110    margin: 0;
     111}
     112
     113.wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
     114    color: transparent;
     115}
     116
     117.wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
     118    color: #999;
     119}
     120
     121.wp-picker-container input[type="text"].iris-error {
    104122    background-color: #ffebe8;
    105123    border-color: #c00;
  • trunk/src/wp-admin/css/customize-controls.css

    r26389 r26435  
    314314}
    315315
    316 .customize-control-color .iris-picker {
    317     border-radius: 0 !important;
    318 }
    319 
    320 .accordion-section input[type="text"].color-picker-hex {
    321     width: 65px;
    322     font-family: monospace;
    323     text-align: center;
    324     line-height: 16px;
    325 }
    326 
    327 /* The centered cursor overlaps the placeholder in webkit. Hide it when selected. */
    328 .accordion-section input[type="text"].color-picker-hex:focus::-webkit-input-placeholder {
    329     color: transparent;
    330 }
    331 
    332 .accordion-section input[type="text"].color-picker-hex:-moz-placeholder {
    333     color: #999;
    334 }
    335 
    336316/*
    337317 * Image Picker
Note: See TracChangeset for help on using the changeset viewer.