WordPress.org

Make WordPress Core

Changeset 20110


Ignore:
Timestamp:
03/04/2012 04:57:24 AM (8 years ago)
Author:
koopersmith
Message:

Theme Customizer: Improve markup and CSS for the return/collapse actions and the action bars within the customize controls form. see #19910.

Location:
trunk/wp-includes
Files:
4 edited

Legend:

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

    r20058 r20110  
    284284        <div id="customize-container">
    285285            <input type="hidden" class="admin-url" value="<?php echo esc_url( admin_url( 'admin.php' ) ); ?>" />
    286             <div>
    287                 <a href="#" class="return-to-admin"><?php printf( __( '&larr; Return to %s' ), get_admin_page_title() ); ?></a>
    288                 <a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>"><span></span></a>
    289             </div>
     286            <a href="#" class="return-to-admin"><?php printf( __( '&larr; Return to %s' ), get_admin_page_title() ); ?></a>
     287            <a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>"><span></span></a>
    290288        </div>
    291289        <?php
  • trunk/wp-includes/css/customize-controls.dev.css

    r20108 r20110  
    1414    box-shadow: inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 );
    1515    border-right: 1px solid rgba( 0, 0, 0, 0.2 );
     16}
     17
     18#customize-controls a {
     19    text-decoration: none;
    1620}
    1721
     
    117121}
    118122
    119 #customize-footer {
    120     border-bottom: 0;
    121     border-top: 1px solid #dfdfdf;
     123#customize-header-actions,
     124#customize-footer-actions {
    122125    position: fixed;
    123     bottom: 0;
    124126    left: 0;
    125127    width: 260px;
     
    128130    z-index: 10;
    129131    background: #f5f5f5;
     132}
     133
     134#customize-header-actions {
     135    top: 0;
     136    border-top: 0;
     137    border-bottom: 1px solid #fff;
    130138    box-shadow:
    131139        inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 ),
    132         inset 0 1px 0 0px #fff,
    133         0 0 11px 0 rgba( 0, 0, 0, 0.1 );
     140        inset 0 -1px 0 0px #dfdfdf;
     141}
     142
     143#customize-footer-actions {
     144    bottom: 0;
     145    border-bottom: 0;
     146    border-top: 1px solid #dfdfdf;
     147    box-shadow:
     148        inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 ),
     149        inset 0 1px 0 0px #fff;
    134150}
    135151
  • trunk/wp-includes/css/customize-loader.dev.css

    r19995 r20110  
    2222}
    2323
    24 #customize-container .collapse-sidebar,
    25 #customize-container .return-to-admin {
    26     z-index: 50;
    27 }
    28 
    29 #customize-container div {
    30     position: absolute;
    31     left: 0;
    32     top: 0;
    33     width: 260px;
    34     padding: 15px 20px;
    35     background: #f5f5f5;
    36     box-shadow:
    37         inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 ),
    38         inset 0 -1px 0 #dfdfdf,
    39         -1px 1px 0 #fff;
    40     border-right: 1px solid rgba( 0, 0, 0, 0.2 );
    41 }
    42 
    4324#customize-container iframe {
    4425    height: 100%;
    4526    width: 100%;
    4627    z-index: 20;
     28}
     29
     30#customize-container .collapse-sidebar,
     31#customize-container .return-to-admin {
     32    z-index: 50;
     33    position: absolute;
     34    text-decoration: none;
     35}
     36
     37#customize-container .return-to-admin {
     38    top: 15px;
     39    left: 20px;
    4740}
    4841
  • trunk/wp-includes/customize-controls.php

    r20108 r20110  
    5050        <input type="hidden" id="customize-template" name="template" value="<?php echo esc_attr( $theme['Template'] ); ?>" />
    5151        <input type="hidden" id="customize-stylesheet" name="stylesheet" value="<?php echo esc_attr( $theme['Stylesheet'] ); ?>" />
     52       
     53        <div id="customize-header-actions" class="customize-section">&nbsp;</div>
    5254
    5355        <div id="customize-info" class="customize-section">
     
    7779        </ul></div>
    7880
    79         <div id="customize-footer" class="customize-section">
     81        <div id="customize-footer-actions" class="customize-section">
    8082            <?php
    8183            submit_button( __( 'Save' ), 'primary', 'save', false );
Note: See TracChangeset for help on using the changeset viewer.