Index: src/wp-admin/css/customize-controls.css =================================================================== --- src/wp-admin/css/customize-controls.css (revision 31967) +++ src/wp-admin/css/customize-controls.css (working copy) @@ -862,6 +862,43 @@ animation: customize-reload .75s; } +.control-section-themes .accordion-section-title { + cursor: default; +} + +#customize-theme-controls .control-section-themes .accordion-section-title:hover, +#customize-theme-controls .control-section-themes .accordion-section-title:focus { + color: #555555; + background-color: #fff; +} + +.control-section-themes .accordion-section-title { + margin: 15px 0; +} + +.customize-themes-panel .accordion-section-title { + margin: 15px -8px; +} + +.control-section-themes .accordion-section-title { + padding-right: 100px; /* Space for the button */ +} + +.control-section-themes .accordion-section-title span { + font-size: small; + display: block; + font-weight: 400; +} + +.control-section-themes .accordion-section-title .change-theme, +.control-section-themes .accordion-section-title .customize-theme { + position: absolute; + right: 10px; + top: 50%; + margin-top: -14px; + font-weight: normal; +} + .customize-themes-panel { display: none; padding: 0 8px; @@ -869,8 +906,14 @@ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } + +.customize-themes-panel > h2 { + padding: 15px 8px 0 8px; +} + .control-section.open .customize-themes-panel { display: block; } @@ -913,36 +956,10 @@ width: 100%; } - -.wp-customizer .theme-browser .theme.active:hover, -.wp-customizer .theme-browser .theme.active:focus { - cursor: default; -} - -.wp-customizer .theme-browser .theme.active .more-details { +#accordion-section-themes .accordion-section-title:after { display: none; } -.wp-customizer .theme-browser .theme.active .theme-name { - padding-right: 15px; -} - -.wp-customizer .theme-browser.rendered .theme.active:hover .theme-screenshot img, -.wp-customizer .theme-browser.rendered .theme.active:focus .theme-screenshot img { - opacity: 1; -} - -/* Panel-like behavior */ -#accordion-section-themes .accordion-section-title:after { - content: "\f148"; -} - -.rtl #accordion-section-themes .accordion-section-title:after { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} - #customize-theme-controls .control-section-themes.current-panel > h3.accordion-section-title { left: 0; } @@ -960,18 +977,6 @@ left: 100%; } -.in-themes-panel .control-panel-back:before { - content: "\f345"; - left: 14px; -} - -.in-themes-panel .control-panel-back { - left: 0; -} - -.in-themes-panel .control-panel-back:before { -} - /* Details View */ .wp-customizer .theme-overlay { display: none; @@ -1019,8 +1024,7 @@ } } - -/** Handle cheaters. */ +/* Handle cheaters. */ body.cheatin { font-size: medium; height: auto; Index: src/wp-admin/js/customize-controls.js =================================================================== --- src/wp-admin/js/customize-controls.js (revision 31967) +++ src/wp-admin/js/customize-controls.js (working copy) @@ -591,7 +591,7 @@ var section = this; // Expand/Collapse section/panel. - section.container.find( '.accordion-section-title' ).on( 'click keydown', function( event ) { + section.container.find( '.change-theme, .customize-theme' ).on( 'click keydown', function( event ) { if ( api.utils.isKeydownButNotEnterEvent( event ) ) { return; } @@ -604,19 +604,6 @@ } }); - - $( '#customize-header-actions' ).on( 'click keydown', '.control-panel-back', function( event ) { - if ( api.utils.isKeydownButNotEnterEvent( event ) ) { - return; - } - - event.preventDefault(); // Keep this AFTER the key filter above - - if ( section.expanded() ) { - section.collapse(); - } - }); - // Theme navigation in details view. section.container.on( 'click keydown', '.left', function( event ) { if ( api.utils.isKeydownButNotEnterEvent( event ) ) { @@ -692,8 +679,8 @@ container = section.closest( '.wp-full-overlay-sidebar-content' ), siblings = container.find( '.open' ), topPanel = overlay.find( '#customize-theme-controls > ul > .accordion-section > .accordion-section-title' ).add( '#customize-info > .accordion-section-title' ), - backBtn = overlay.find( '.control-panel-back' ), - panelTitle = section.find( '.accordion-section-title' ).first(), + customizeBtn = section.find( '.customize-theme' ), + changeBtn = section.find( '.change-theme' ), content = section.find( '.control-panel-content' ); if ( expanded ) { @@ -722,8 +709,7 @@ } } ); topPanel.attr( 'tabindex', '-1' ); - backBtn.attr( 'tabindex', '0' ); - backBtn.focus(); + customizeBtn.focus(); } else { siblings.removeClass( 'open' ); section.removeClass( 'current-panel' ); @@ -735,8 +721,7 @@ } } ); topPanel.attr( 'tabindex', '0' ); - backBtn.attr( 'tabindex', '-1' ); - panelTitle.focus(); + changeBtn.focus(); container.scrollTop( 0 ); } }, @@ -1899,10 +1884,6 @@ return; } - if ( $( this ).hasClass( 'active' ) ) { - return; - } - var previewUrl = $( this ).data( 'previewUrl' ); $( '.wp-full-overlay' ).addClass( 'customize-loading' ); Index: src/wp-includes/class-wp-customize-manager.php =================================================================== --- src/wp-includes/class-wp-customize-manager.php (revision 31968) +++ src/wp-includes/class-wp-customize-manager.php (working copy) @@ -1148,9 +1148,9 @@ /* Themes */ $this->add_section( new WP_Customize_Themes_Section( $this, 'themes', array( - 'title' => sprintf( __( 'Theme: %s' ), $this->theme()->display('Name') ), + 'title' => $this->theme()->display( 'Name' ), 'capability' => 'switch_themes', - 'priority' => 0, + 'priority' => 0, ) ) ); // Themes Setting (unused - the theme is considerably more fundamental to the Customizer experience). @@ -1163,10 +1163,14 @@ // Theme Controls. $themes = wp_prepare_themes_for_js(); foreach ( $themes as $theme ) { + if ( $theme['active'] ) { + continue; + } + $theme_id = 'theme_' . $theme['id']; $this->add_control( new WP_Customize_Theme_Control( $this, $theme_id, array( - 'theme' => $theme, - 'section' => 'themes', + 'theme' => $theme, + 'section' => 'themes', 'settings' => 'active_theme', ) ) ); } Index: src/wp-includes/class-wp-customize-section.php =================================================================== --- src/wp-includes/class-wp-customize-section.php (revision 31968) +++ src/wp-includes/class-wp-customize-section.php (working copy) @@ -341,17 +341,42 @@ $classes = 'accordion-section control-section control-section-' . $this->type; ?>
  • -

    - title ); ?> - +

    + manager->is_theme_active() ) { + /* translators: %s: theme name */ + printf( __( 'Active theme %s' ), $this->title ); + } else { + /* translators: %s: theme name */ + printf( __( 'Previewing theme %s' ), $this->title ); + } + ?> + +

    -

    - controls ) - 1; ?> +

    + + controls ); ?>

    + +

    + manager->is_theme_active() ) { + /* translators: %s: theme name */ + printf( __( 'Active theme %s' ), $this->title ); + } else { + /* translators: %s: theme name */ + printf( __( 'Previewing theme %s' ), $this->title ); + } + ?> + +

    + +
    - controls ) ) : ?> + controls ) > 5 ) : ?>