WordPress.org

Make WordPress Core

Changeset 20110


Ignore:
Timestamp:
03/04/12 04:57:24 (2 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.