WordPress.org

Make WordPress Core

Changeset 20404


Ignore:
Timestamp:
04/08/2012 09:17:46 PM (8 years ago)
Author:
koopersmith
Message:

Theme Customizer: Add a 'previewing' notice by the theme name. Reduce padding and size on section titles, add a border between section titles and content to better indicate the title as a click target. see #19910.

Location:
trunk/wp-includes
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-includes/css/customize-controls.dev.css

    r20393 r20404  
    3131.customize-section-content {
    3232    display: none;
    33     padding: 0 20px 15px;
     33    padding: 10px 20px 15px;
    3434    overflow: hidden;
     35}
     36
     37.control-section {
     38    border: 0;
     39}
     40
     41.control-section .customize-section-title {
     42    padding: 8px 20px;
     43    border-top: 1px solid #fff;
     44    border-bottom: 1px solid #dfdfdf;
     45    font-size: 13px;
     46}
     47
     48.control-section .customize-section-title:hover {
     49    background: -webkit-linear-gradient( top, #f5f5f5, #eee );
     50    box-shadow: inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 );
     51}
     52
     53.control-section .customize-section-content {
     54    border-top: 1px solid #fff;
     55    border-bottom: 1px solid #dfdfdf;
    3556}
    3657
     
    4768    border-width: 6px;
    4869    position: absolute;
    49     top: 20px;
     70    top: 25px;
    5071    right: 20px;
    5172    z-index: 1;
     
    5374
    5475.customize-section.open .customize-section-title:after {
     76    margin-top: -7px;
     77    border-color: transparent transparent #ccc transparent;
     78}
     79
     80.control-section .customize-section-title:after {
    5581    top: 13px;
    56     border-color: transparent transparent #ccc transparent;
    5782}
    5883
     
    6186}
    6287
     88#customize-info .preview-notice {
     89    font-size: 13px;
     90    line-height: 24px;
     91    color: #999;
     92}
     93
    6394#customize-info .theme-name {
    64     font-size: 16px;
    65     font-weight: bold;
     95    font-size: 20px;
     96    font-weight: 200;
    6697    line-height: 24px;
    6798    display: block;
     99    text-shadow: 0 1px 0 #fff;
    68100}
    69101
  • trunk/wp-includes/customize-controls.php

    r20393 r20404  
    5555        <div id="customize-info" class="customize-section">
    5656            <div class="customize-section-title">
     57                <span class="preview-notice"><?php _e('You are previewing'); ?></span>
    5758                <strong class="theme-name"><?php echo $theme['Name']; ?></strong>
    58                 <span class="theme-by"><?php printf( __( 'By %s' ), $theme['Author'] ); ?></span>
    5959            </div>
    6060            <div class="customize-section-content">
Note: See TracChangeset for help on using the changeset viewer.