WordPress.org
Get WordPress

Make WordPress Core

Ticket #26336: 26336.3.diff

File 26336.3.diff, 5.4 KB (added by azaozz, 12 years ago)

  • src/wp-admin/css/wp-admin.css

     
    67916791        width: 25em;
    67926792}
    67936793
    6794 .picker-dropdown {
    6795         background: #fcfcfc;
    6796         border: 1px solid #ddd;
    6797         margin-right: 12%;
    6798         max-width: 270px;
    6799         position: relative;
    6800         width: auto;
     6794.scheme-list {
     6795       
    68016796}
    68026797
    6803 .picker-dropdown.dropdown-current {
    6804         padding: 20px;
    6805         margin-bottom: 15px;
    6806         cursor: pointer;
    6807 }
    6808 
    6809 .picker-dropdown.dropdown-container {
    6810         display: none;
    6811         position: absolute;
    6812         width: 340px;
    6813         border-top: none;
    6814         -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    6815         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    6816         z-index: 1;
    6817 }
    6818 
    6819 .picker-expanded .picker-dropdown.dropdown-container {
    6820         display: block;
    6821 }
    6822 
    6823 .picker-dropdown.dropdown-container:before,
    6824 .picker-dropdown.dropdown-container:after {
    6825         content: "\0020";
    6826         display: block;
    6827         position: absolute;
    6828         top: -10px;
    6829         left: 150px;
    6830         z-index: 2;
    6831         width: 0;
    6832         height: 0;
    6833         overflow: hidden;
    6834         border: solid 11px transparent;
    6835         border-top: 0;
    6836         border-bottom-color: #fefefe;
    6837 }
    6838 
    6839 .picker-dropdown.dropdown-container:before {
    6840         top: -11px;
    6841         z-index: 1;
    6842         border-bottom-color: #ddd;
    6843 }
    6844 
    6845 .picker-dropdown-arrow {
    6846         position: absolute;
    6847         top: -1px;
    6848         right: -42px;
    6849         display: block;
    6850         width: 40px;
    6851         height: 100%;
    6852         background: white;
    6853         text-align: center;
    6854         border: 1px solid #ddd;
    6855         border-left-width: 0;
    6856         cursor: pointer;
    6857 }
    6858 
    6859 .picker-dropdown-arrow:before {
    6860         font: 20px/91px dashicons;
    6861         content: '\f140';
    6862 }
    6863 
    6864 .picker-expanded .picker-dropdown-arrow:before {
    6865         content: '\f142';
    6866 }
    6867 
    68686798.color-option {
    6869         display: block;
    6870         padding: 20px;
    6871         border-top: 1px solid #ddd;
     6799        display: inline-block;
     6800        width: 32%;
     6801        padding: 5px 15px 15px;
     6802        -moz-box-sizing: border-box;
     6803        box-sizing: border-box;
    68726804}
    68736805
    68746806.color-option:hover,
    68756807.color-option.selected {
    6876         background: #f2f8fa;
     6808        background: #ddd;
    68776809}
    68786810
    68796811.color-palette {
    … …  
    68916823        cursor: pointer;
    68926824}
    68936825
    6894 .no-js .dropdown-current {
    6895         display: none;
    6896 }
    6897 
    6898 .no-js .dropdown-container {
    6899         display: block;
    6900         position: static;
    6901 }
    6902 
    6903 .no-js .dropdown-container:before,
    6904 .no-js .dropdown-container:after {
    6905         display: none;
    6906 }
    6907 
    69086826/*------------------------------------------------------------------------------
    69096827  19.0 - Tools
    69106828------------------------------------------------------------------------------*/
    … …  
    1236512283        div#post-body.metabox-holder.columns-1 {
    1236612284                overflow-x: hidden;
    1236712285        }
     12286
     12287        /* Color Picker Options */
     12288        .color-option {
     12289                width: 49%;
     12290        }
    1236812291}

  • src/wp-admin/includes/misc.php

     
    563563 */
    564564function admin_color_scheme_picker() {
    565565        global $_wp_admin_css_colors, $user_id;
    566         ksort($_wp_admin_css_colors);
    567566
     567        ksort( $_wp_admin_css_colors );
     568
     569        if ( isset( $_wp_admin_css_colors['fresh'] ) ) {
     570                // Change the default 'fresh' option to be the first array element
     571                $_wp_admin_css_colors = array_merge( array( 'fresh' => '' ), $_wp_admin_css_colors );
     572        }
     573
    568574        $current_color = get_user_option( 'admin_color', $user_id );
    569575
    570576        if ( empty( $current_color ) || ! isset( $_wp_admin_css_colors[ $current_color ] ) )
    571577                $current_color = 'fresh';
    572578
    573         $color_info = $_wp_admin_css_colors[ $current_color ];
    574 ?>
    575 
    576         <fieldset id="color-picker">
     579        ?>
     580        <fieldset id="color-picker" class="scheme-list">
    577581                <legend class="screen-reader-text"><span><?php _e( 'Admin Color Scheme' ); ?></span></legend>
    578582
    579                 <div class="picker-dropdown dropdown-current">
    580                         <div class="picker-dropdown-arrow"></div>
    581                         <label for="admin_color_<?php echo esc_attr( $current_color ); ?>"><?php echo esc_html( $color_info->name ); ?></label>
    582                         <table class="color-palette">
    583                                 <tr>
    584                                 <?php foreach ( $color_info->colors as $html_color ): ?>
    585                                         <td style="background-color: <?php echo esc_attr( $html_color ); ?>" title="<?php echo esc_attr( $current_color ); ?>">&nbsp;</td>
    586                                 <?php endforeach; ?>
    587                                 </tr>
    588                         </table>
    589                 </div>
    590 
    591                 <div class="picker-dropdown dropdown-container">
    592 
    593583                <?php foreach ( $_wp_admin_css_colors as $color => $color_info ) : ?>
    594584
    595585                        <div class="color-option <?php echo ( $color == $current_color ) ? 'selected' : ''; ?>">
    … …  
    608598
    609599                <?php endforeach; ?>
    610600
    611                 </div>
    612 
    613601        </fieldset>
    614 
    615 <?php
     602        <?php
    616603}
    617604
    618605function set_color_scheme_json() {

  • src/wp-admin/js/user-profile.js

     
    8282                user_id = $( 'input#user_id' ).val();
    8383                current_user_id = $( 'input[name="checkuser_id"]' ).val();
    8484
    85                 // dropdown toggle
    86                 $colorpicker.on( 'click', '.dropdown-current', function() {
    87                         $colorpicker.toggleClass( 'picker-expanded' );
    88                 });
    89 
    9085                $colorpicker.on( 'click', '.color-option', function() {
    9186
    9287                        var color_scheme = $( this ).children( 'input[name="admin_color"]' ).val();
    … …  
    9994                        // update current
    10095                        $colorpicker.find( '.dropdown-current label' ).html( $( this ).children( 'label' ).html() );
    10196                        $colorpicker.find( '.dropdown-current table' ).html( $( this ).children( 'table' ).html() );
    102                         $colorpicker.toggleClass( 'picker-expanded' );
    10397
    10498                        // preview/save color scheme
    10599                        if ( user_id === current_user_id ) {