WordPress.org
Get WordPress

Make WordPress Core

Ticket #26336: 26336.diff

File 26336.diff, 4.6 KB (added by ryelle, 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 {
     6799        float: left;
    68696800        display: block;
     6801        width: 33%;
    68706802        padding: 20px;
    6871         border-top: 1px solid #ddd;
     6803        -moz-box-sizing: border-box;
     6804        box-sizing: border-box;
    68726805}
    68736806
    68746807.color-option:hover,
    68756808.color-option.selected {
    6876         background: #f2f8fa;
     6809        background: #ddd;
    68776810}
    68786811
    68796812.color-palette {
    … …  
    68916824        cursor: pointer;
    68926825}
    68936826
    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 
    69086827/*------------------------------------------------------------------------------
    69096828  19.0 - Tools
    69106829------------------------------------------------------------------------------*/

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

     
    573573        $color_info = $_wp_admin_css_colors[ $current_color ];
    574574?>
    575575
    576         <fieldset id="color-picker">
     576        <fieldset id="color-picker" class="scheme-list">
    577577                <legend class="screen-reader-text"><span><?php _e( 'Admin Color Scheme' ); ?></span></legend>
    578578
    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 
    593579                <?php foreach ( $_wp_admin_css_colors as $color => $color_info ) : ?>
    594580
    595581                        <div class="color-option <?php echo ( $color == $current_color ) ? 'selected' : ''; ?>">
    … …  
    608594
    609595                <?php endforeach; ?>
    610596
    611                 </div>
    612 
    613597        </fieldset>
    614598
    615599<?php

  • 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 ) {