WordPress.org

Make WordPress Core

Changeset 20181


Ignore:
Timestamp:
03/15/2012 05:30:11 AM (8 years ago)
Author:
koopersmith
Message:

Theme Customizer: Improve sidebar CSS. Display most elements inline, refine padding/line-heights. see #19910.

Location:
trunk/wp-includes
Files:
4 edited

Legend:

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

    r20128 r20181  
    7373
    7474                <?php foreach ( $this->settings as $setting ) : ?>
    75                 <li id="customize-control-<?php echo esc_attr( $setting->id ); ?>" class="customize-control">
     75                <li id="customize-control-<?php echo esc_attr( $setting->id ); ?>" class="customize-control customize-control-<?php echo esc_attr( $setting->control ); ?>">
    7676                    <?php $setting->_render(); ?>
    7777                </li>
  • trunk/wp-includes/class-wp-customize-setting.php

    r20179 r20181  
    337337            case 'text':
    338338                ?>
    339                 <label><?php echo esc_html( $this->label ); ?><br/>
     339                <label>
     340                    <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
    340341                    <input type="text" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->name(); ?> />
    341342                </label>
     
    345346                ?>
    346347                <label>
    347                     <span><?php echo esc_html( $this->label ); ?></span>
     348                    <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
    348349                    <div class="color-picker">
    349350                        <input type="hidden" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->name(); ?> />
     
    365366                ?>
    366367                <label>
    367                     <input type="checkbox" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->name(); checked( $this->value() ); ?> />
    368                     <?php echo esc_html( $this->label ); ?>
     368                    <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
     369                    <input type="checkbox" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->name(); checked( $this->value() ); ?> class="customize-control-content" />
    369370                </label>
    370371                <?php
     
    374375                    return;
    375376
    376                 echo esc_html( $this->label ) . '<br/>';
     377                ?>
     378                <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
     379                <?php
    377380                foreach ( $this->choices as $value => $label ) :
    378381                    ?>
     
    389392
    390393                ?>
    391                 <label><?php echo esc_html( $this->label ); ?><br/>
    392                 <select <?php $this->name(); ?>>
    393                     <?php
    394                     foreach ( $this->choices as $value => $label )
    395                         echo '<option value="' . esc_attr( $value ) . '"' . selected( $this->value(), $value, false ) . '>' . $label . '</option>';
    396                     ?>
    397                 </select>
     394                <label>
     395                    <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
     396                    <select <?php $this->name(); ?> class="customize-control-content">
     397                        <?php
     398                        foreach ( $this->choices as $value => $label )
     399                            echo '<option value="' . esc_attr( $value ) . '"' . selected( $this->value(), $value, false ) . '>' . $label . '</option>';
     400                        ?>
     401                    </select>
     402                </label>
    398403                <?php
    399404                break;
    400405            case 'upload':
    401406                ?>
    402                 <label><?php echo esc_html( $this->label ); ?><br/>
    403                     <input type="hidden" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->name(); ?> />
    404                     <a href="#" class="button-secondary upload"><?php _e( 'Upload' ); ?></a>
    405                     <a href="#" class="remove"><?php _e( 'Remove' ); ?></a>
     407                <label>
     408                    <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
     409                    <div>
     410                        <input type="hidden" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->name(); ?> />
     411                        <a href="#" class="button-secondary upload"><?php _e( 'Upload' ); ?></a>
     412                        <a href="#" class="remove"><?php _e( 'Remove' ); ?></a>
     413                    </div>
    406414                </label>
    407415                <?php
  • trunk/wp-includes/class-wp-customize.php

    r20179 r20181  
    589589
    590590        $this->add_setting( 'page_on_front', array(
    591             'label'          => __( 'Front page:' ),
     591            'label'          => __( 'Front page' ),
    592592        //  'theme_supports' => 'static-front-page',
    593593            'section'        => 'static_front_page',
     
    598598
    599599        $this->add_setting( 'page_for_posts', array(
    600             'label'          => __( 'Posts page:' ),
     600            'label'          => __( 'Posts page' ),
    601601        //  'theme_supports' => 'static-front-page',
    602602            'section'        => 'static_front_page',
  • trunk/wp-includes/css/customize-controls.dev.css

    r20133 r20181  
    3232    display: none;
    3333    padding: 0 20px 15px;
     34    overflow: hidden;
    3435}
    3536
     
    108109}
    109110
     111.customize-control {
     112    float: left;
     113    clear: both;
     114}
     115
     116.customize-control-title {
     117    clear: left;
     118    float: left;
     119    min-width: 110px;
     120    margin-right: 10px;
     121    line-height: 28px;
     122}
     123.customize-control-text input,
     124.customize-control-select select,
     125.customize-control-checkbox input,
     126.customize-control-color .color-picker,
     127.customize-control-upload div {
     128    float: left;
     129    clear: right;
     130    line-height: 28px;
     131}
     132
     133.customize-control-text input {
     134    width: 138px;
     135    line-height: 18px;
     136    margin: 1px 1px 5px;
     137}
     138
     139.customize-control-select select {
     140    width: 138px;
     141    height: 28px;
     142    line-height: 28px;
     143}
     144
     145.customize-control-checkbox input {
     146    margin-top: 8px;
     147}
     148
     149.customize-control-radio {
     150    padding: 10px 0;
     151}
     152
     153.customize-control-radio .customize-control-title {
     154    margin-bottom: 0;
     155    line-height: 22px;
     156}
     157
     158.customize-control-radio label {
     159    float: left;
     160    clear: both;
     161    line-height: 20px;
     162}
     163.customize-control-radio input {
     164    margin-right: 5px;
     165}
     166
    110167#customize-preview {
    111168    position: fixed;
     
    188245 * Color Picker
    189246 */
    190 
    191 .customize-section .color-picker {
    192     margin-top: 4px;
    193 }
    194247
    195248.customize-section .color-picker a {
Note: See TracChangeset for help on using the changeset viewer.