WordPress.org

Make WordPress Core

Changeset 20130


Ignore:
Timestamp:
03/06/2012 11:55:16 PM (8 years ago)
Author:
koopersmith
Message:

Theme Customizer: Color picker markup/CSS improvements. Part 1. see #19910.

Location:
trunk/wp-includes
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-includes/class-wp-customize-setting.php

    r20128 r20130  
    348348                        <div class="color-picker-controls">
    349349                            <div class="farbtastic-placeholder"></div>
    350                             <span>#</span>
    351                             <input type="text" />
     350                            <div class="color-picker-details">
     351                                <div class="color-picker-hex">
     352                                    <span>#</span>
     353                                    <input type="text" />
     354                                </div>
     355                            </div>
    352356                        </div>
    353357                    </div>
  • trunk/wp-includes/css/customize-controls.dev.css

    r20120 r20130  
    249249    display: none;
    250250}
    251 .customize-section .color-picker span {
     251
     252
     253.customize-section .color-picker .farbtastic-placeholder {
     254    height: 195px;
     255    width: 195px;
     256    border: 4px solid #fff;
     257    box-shadow: 0 0 20px rgba( 0, 0, 0, 0.2 );
     258
     259    -webkit-border-radius: 50%;
     260    border-radius: 50%;
     261}
     262
     263
     264.customize-section .color-picker-hex {
     265    background-color: #fff;
     266    border: 1px solid #dfdfdf;
     267    -webkit-border-radius: 3px;
     268    border-radius: 3px;
     269    color: #777;
     270    width: 70px;
     271    font-family: monospace;
     272}
     273
     274.customize-section .color-picker-hex span {
    252275    float: left;
    253276    display: block;
    254277    margin: 1px -2px 0 0;
    255278    line-height: 15px;
    256     padding: 3px 5px;
    257     color: #777;
    258     text-align: center;
    259     background-color: #fff;
    260     border: 1px solid #dfdfdf;
     279    padding: 3px 0 3px 8px;
     280    text-align: right;
    261281    -webkit-border-radius: 3px 0 0 3px;
    262282    border-radius: 3px 0 0 3px;
    263283}
    264284
    265 .customize-section .color-picker input[type="text"] {
     285.customize-section .color-picker-hex input[type="text"] {
     286    color: #777;
    266287    -webkit-border-radius: 0 3px 3px 0;
    267288    border-radius: 0 3px 3px 0;
    268     width: 150px;
    269 }
     289    width: 50px;
     290    border: 0;
     291    background: transparent;
     292}
Note: See TracChangeset for help on using the changeset viewer.