Make WordPress Core


Ignore:
Timestamp:
04/19/2012 06:29:54 AM (13 years ago)
Author:
koopersmith
Message:

Theme Customizer: Begin improving image picker markup/styles. see #19910.

File:
1 edited

Legend:

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

    r20507 r20527  
    301301
    302302        ?>
    303         <label>
     303        <label class="customize-image-picker">
    304304            <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
    305             <div class="customize-image-picker">
    306                 <div class="thumbnail">
    307                     <?php if ( empty( $src ) ): ?>
    308                         <img style="display:none;" />
    309                     <?php else: ?>
    310                         <img src="<?php echo esc_url( $src ); ?>" />
    311                     <?php endif; ?>
    312                 </div>
    313                 <div class="actions">
    314                     <a href="#" class="upload"><?php _e( 'Upload New' ); ?></a>
    315                     <a href="#" class="change"><?php _e( 'Change Image' ); ?></a>
    316                     <a href="#" class="remove"><?php _e( 'Remove Image' ); ?></a>
    317                 </div>
    318                 <div class="library">
    319                     <ul>
    320                         <?php foreach ( $this->tabs as $tab ): ?>
    321                             <li data-customize-tab='<?php echo esc_attr( $tab[0] ); ?>'>
    322                                 <?php echo esc_html( $tab[1] ); ?>
    323                             </li>
    324                         <?php endforeach; ?>
    325                     </ul>
     305
     306            <div class="thumbnail">
     307                <?php if ( empty( $src ) ): ?>
     308                    <img style="display:none;" />
     309                <?php else: ?>
     310                    <img src="<?php echo esc_url( $src ); ?>" />
     311                <?php endif; ?>
     312            </div>
     313
     314            <div class="actions">
     315                <a href="#" class="upload"><?php _e( 'Upload New' ); ?></a>
     316                <a href="#" class="change"><?php _e( 'Change Image' ); ?></a>
     317                <a href="#" class="remove"><?php _e( 'Remove Image' ); ?></a>
     318            </div>
     319
     320            <div class="library">
     321                <ul>
    326322                    <?php foreach ( $this->tabs as $tab ): ?>
    327                         <div class="library-content" data-customize-tab='<?php echo esc_attr( $tab[0] ); ?>'>
    328                             <?php call_user_func( $tab[2] ); ?>
    329                         </div>
     323                        <li data-customize-tab='<?php echo esc_attr( $tab[0] ); ?>'>
     324                            <?php echo esc_html( $tab[1] ); ?>
     325                        </li>
    330326                    <?php endforeach; ?>
    331                 </div>
     327                </ul>
     328                <?php foreach ( $this->tabs as $tab ): ?>
     329                    <div class="library-content" data-customize-tab='<?php echo esc_attr( $tab[0] ); ?>'>
     330                        <?php call_user_func( $tab[2] ); ?>
     331                    </div>
     332                <?php endforeach; ?>
    332333            </div>
    333334        </label>
Note: See TracChangeset for help on using the changeset viewer.