Ticket #20757: 20757.diff

wp-includes/js/customize-controls.dev.js

@@ -593 +593 @@
                 $('.customize-section-title').click( function() {
                         var clicked = $( this ).parents( '.customize-section' );
                         $( '.customize-section' ).not( clicked ).removeClass( 'open' );
-                        clicked.toggleClass( 'open' );
+                        if ( ! clicked.hasClass('cannot-expand') )
+                                clicked.toggleClass( 'open' );
                         return false;
                 });
 

wp-includes/css/customize-controls.dev.css

@@ -28 +28 @@
         user-select: none;
 }
 
+.cannot-expand .customize-section-title {
+        cursor: auto;
+}
+
 .customize-section-content {
         display: none;
         padding: 10px 20px 15px;
@@ -84 +88 @@
         z-index: 1;
 }
 
+.cannot-expand .customize-section-title:after {
+        display: none;
+}
+
 .customize-section.open .customize-section-title:after {
         margin-top: -1px;
         border-width: 0 6px 6px;

wp-admin/customize.php

@@ -60 +60 @@
                         </a>
                 </div>
 
+                <?php
+                        $screenshot = $wp_customize->theme()->get_screenshot();
+                        $cannot_expand = ! ( $screenshot || $wp_customize->theme()->get('Description') );
+                ?>
+
                 <div class="wp-full-overlay-sidebar-content">
-                        <div id="customize-info" class="customize-section">
+                        <div id="customize-info" class="customize-section<?php if ( $cannot_expand ) echo ' cannot-expand'; ?>">
                                 <div class="customize-section-title">
                                         <span class="preview-notice"><?php _e('You are previewing'); ?></span>
                                         <strong class="theme-name"><?php echo $wp_customize->theme()->display('Name'); ?></strong>
                                 </div>
+                                <?php if ( ! $cannot_expand ) : ?>
                                 <div class="customize-section-content">
-                                        <?php if ( $screenshot = $wp_customize->theme()->get_screenshot() ) : ?>
+                                        <?php if ( $screenshot ) : ?>
                                                 <img class="theme-screenshot" src="<?php echo esc_url( $screenshot ); ?>" />
                                         <?php endif; ?>
 
@@ -75 +81 @@
                                                 <div class="theme-description"><?php echo $wp_customize->theme()->display('Description'); ?></div>
                                         <?php endif; ?>
                                 </div>
+                                <?php endif; ?>
                         </div>
 
                         <div id="customize-theme-controls"><ul>