WordPress.org

Make WordPress Core

Ticket #42078: 42078.debug.diff

File 42078.debug.diff, 3.1 KB (added by afercia, 2 years ago)
  • src/wp-admin/js/color-picker.js

     
    4242                                el = self.element,
    4343                                color;
    4444
    45                         el.hide();
     45                        // el.hide();
     46                        self.pickerContainer = $( _after ).insertBefore( $( el ) );
    4647
    4748                        // Set the saturation to the maximum level.
    4849                        color = 'hsl(' + el.val() + ', 100, 50)';
     
    5354                                type: 'hue',
    5455                                hide: false,
    5556                                color: color,
     57                                target: self.pickerContainer,
    5658                                /**
    5759                                 * @summary Handles the onChange event if one has been defined in the options.
    5860                                 *
  • src/wp-content/themes/twentyseventeen/inc/customizer.php

     
    6666        $wp_customize->add_control(
    6767                new WP_Customize_Color_Control(
    6868                        $wp_customize, 'colorscheme_hue', array(
     69                                'label'    => __( 'Hue', 'twentyseventeen' ),
    6970                                'mode'     => 'hue',
    7071                                'section'  => 'colors',
    7172                                'priority' => 6,
  • src/wp-includes/customize/class-wp-customize-color-control.php

     
    8989         */
    9090        public function content_template() {
    9191                ?>
    92                 <# var defaultValue = '#RRGGBB', defaultValueAttr = '',
     92                <#
     93                var defaultValue = '#RRGGBB',
     94                        defaultValueAttr = '',
     95                        inputId = _.uniqueId( 'customize-color-control-input-' ),
    9396                        isHueSlider = data.mode === 'hue';
     97
    9498                if ( data.defaultValue && _.isString( data.defaultValue ) && ! isHueSlider ) {
    9599                        if ( '#' !== data.defaultValue.substring( 0, 1 ) ) {
    96100                                defaultValue = '#' + data.defaultValue;
     
    98102                                defaultValue = data.defaultValue;
    99103                        }
    100104                        defaultValueAttr = ' data-default-color=' + defaultValue; // Quotes added automatically.
    101                 } #>
     105                }
     106                #>
    102107                <# if ( data.label ) { #>
    103                         <span class="customize-control-title">{{{ data.label }}}</span>
     108                        <label for="{{ inputId }}" class="customize-control-title">{{{ data.label }}}</label>
    104109                <# } #>
    105110                <# if ( data.description ) { #>
    106111                        <span class="description customize-control-description">{{{ data.description }}}</span>
    107112                <# } #>
    108113                <div class="customize-control-content">
    109                         <label><span class="screen-reader-text">{{{ data.label }}}</span>
    110114                        <# if ( isHueSlider ) { #>
    111                                 <input class="color-picker-hue" type="text" data-type="hue" />
     115                                <input id="{{ inputId }}" class="color-picker-hue" type="number" min="1" max="359" step="1" data-type="hue" />
    112116                        <# } else { #>
    113                                 <input class="color-picker-hex" type="text" maxlength="7" placeholder="{{ defaultValue }}" {{ defaultValueAttr }} />
     117                                <input id="{{ inputId }}" class="color-picker-hex" type="text" maxlength="7" placeholder="{{ defaultValue }}" {{ defaultValueAttr }} />
    114118                         <# } #>
    115                         </label>
    116119                </div>
    117120                <?php
    118121        }