WordPress.org

Make WordPress Core

Ticket #31289: 31289.diff

File 31289.diff, 5.4 KB (added by celloexpressions, 6 years ago)
  • src/wp-admin/css/customize-controls.css

     
    860860        display: block;
    861861}
    862862
     863.customize-themes-panel .customize-info {
     864        padding: 12px 7px 15px;
     865}
     866
     867.customize-themes-panel .customize-info .preview-action {
     868        font-size: 13px;
     869        line-height: 24px;
     870        display: block;
     871}
     872
     873.customize-themes-panel .customize-info .panel-title {
     874        font-size: 20px;
     875        font-weight: 200;
     876        line-height: 24px;
     877}
     878
     879.customize-themes-panel .customize-info .title-count {
     880        top: -1px;
     881        padding: 2px 8px;
     882}
     883
     884.customize-themes-panel .customize-info .button {
     885        float: right;
     886        margin-top: -2px;
     887        position: relative;
     888}
     889
     890.customize-themes-panel .customize-section-title {
     891        background: #fff;
     892        color: #222;
     893        padding: 10px 10px 11px 14px;
     894        line-height: 21px;
     895        cursor: pointer;
     896        margin: 0 -8px 12px -8px;
     897}
     898
     899.customize-section-title .action,
     900.accordion-section-title .action {
     901        float: right;
     902        background: #f5f5f5;
     903        color: #222;
     904        border-left: 1px solid #eee;
     905        font-weight: bold;
     906        font-size: 12px;
     907        line-height: 42px;
     908        margin: -10px -10px -11px 0;
     909        padding: 0 12px;
     910        transition: color .1s ease-in-out,
     911                    background .1s ease-in-out;
     912}
     913
     914.customize-section-title .action {
     915        background: #fff;
     916        color: #0073aa;
     917}
     918
     919.customize-section-title:hover .action,
     920.customize-section-title:focus .action,
     921.accordion-section-title:hover .action,
     922.accordion-section-title:focus .action {
     923        background: #ddd;
     924        color: #000;
     925        border-left-color: #d9d9d9
     926}
     927
     928.customize-section-title:hover .action,
     929.customize-section-title:focus .action {
     930        background: #0073aa;
     931        color: #fff;
     932}
     933
    863934#customize-theme-controls .customize-themes-panel .accordion-section-content {
    864935        background: transparent;
    865936        display: block;
     
    897968
    898969/* Panel-like behavior */
    899970#accordion-section-themes .accordion-section-title:after {
    900         content: "\f148";
     971        display: none;
    901972}
    902973
    903 .rtl #accordion-section-themes .accordion-section-title:after {
    904         -webkit-transform: rotate(180deg);
    905         -ms-transform: rotate(180deg);
    906         transform: rotate(180deg);
    907 }
    908 
    909974#customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
    910975        left: 0;
    911976}
  • src/wp-admin/js/customize-controls.js

     
    573573                        var section = this;
    574574
    575575                        // Expand/Collapse section/panel.
    576                         section.container.find( '.accordion-section-title' ).on( 'click keydown', function( event ) {
     576                        section.container.find( '.accordion-section-title, .customize-section-title' ).on( 'click keydown', function( event ) {
    577577                                if ( api.utils.isKeydownButNotEnterEvent( event ) ) {
    578578                                        return;
    579579                                }
  • src/wp-includes/class-wp-customize-section.php

     
    343343                <li id="accordion-section-<?php echo esc_attr( $this->id ); ?>" class="<?php echo esc_attr( $classes ); ?>">
    344344                        <h3 class="accordion-section-title" tabindex="0">
    345345                                <?php echo esc_html( $this->title ); ?>
    346                                 <span class="screen-reader-text"><?php _e( 'Press return or enter to expand' ); ?></span>
     346                                <span class="action"><?php _e( 'Change' ); ?></span>
     347                                <span class="screen-reader-text"><?php _e( 'Press return or enter to change themes' ); ?></span>
    347348                        </h3>
    348349                        <span class="control-panel-back themes-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></span>
    349350                        <div class="customize-themes-panel control-panel-content themes-php">
    350                                 <h2><?php esc_html_e( 'Themes' ); ?>
    351                                         <span class="title-count theme-count"><?php echo count( $this->controls ) - 1; ?></span>
    352                                 <?php if ( ! is_multisite() && current_user_can( 'install_themes' ) ) : ?>
    353                                         <a href="<?php echo admin_url( 'theme-install.php' ); ?>" target="_top" class="add-new-h2"><?php echo esc_html_x( 'Add New', 'Add new theme' ); ?></a>
    354                                 <?php endif; ?>
    355                                 </h2>
     351                                <div class="customize-info">
     352                                        <span class="preview-notice"><span class="preview-action"><?php
     353                                                echo sprintf( __( 'You are browsing %s' ), '</span><strong class="panel-title">' . __( 'Themes' ) . '</strong>' );
     354                                        ?><span class="title-count theme-count"><?php echo count( $this->controls ) - 1; ?></span>
     355                                        </span>
     356                                        <?php if ( ! is_multisite() && current_user_can( 'install_themes' ) ) : ?>
     357                                                <a href="<?php echo admin_url( 'theme-install.php' ); ?>" target="_top" class="button"><?php echo esc_html_x( 'Add New', 'Add new theme' ); ?></a>
     358                                        <?php endif; ?>
     359                                </div>
     360                                <h3 class="customize-section-title" tabindex="0">
     361                                        <?php echo sprintf( __( 'Previewing: %s' ), $this->manager->theme()->display('Name') ); ?>
     362                                        <span class="action"><?php _e( 'Customize' ); ?></span>
     363                                        <span class="screen-reader-text"><?php _e( 'Press return or enter to return to customize' ); ?></span>
     364                                </h3>
    356365                                <div class="theme-overlay" tabindex="0" role="dialog" aria-label="<?php esc_attr_e( 'Theme details' ); ?>"></div>
    357366                                <div id="customize-container"></div>
    358367                                <?php if ( 6 < count( $this->controls ) ) : ?>