Changeset 39153

Timestamp:

11/07/2016 09:46:43 PM (7 years ago)

Author:

westonruter

Message:

Customize: Fix loading of theme screenshots in themes section and remove erroneous borders on hover.

Fixes regressions introduced in [38648].

Props delawski, mckernanin.
See #34391.
Fixes #38222.

Location:

trunk/src/wp-admin

Files:

• css/customize-controls.css (modified) (2 diffs)
• js/customize-controls.js (modified) (2 diffs)

trunk/src/wp-admin/css/customize-controls.css

@@ -191 +191 @@
     background-color: #fff;
     border-bottom: 1px solid #eee;
+    border-left: 4px solid #fff;
+}
+
+#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
+    color: #555;
+    background-color: #fff;
     border-left: 4px solid #fff;
 }
@@ -1190 +1196 @@
 }
 
+#customize-controls .customize-themes-panel .accordion-section-title:hover,
 #customize-controls .customize-themes-panel .accordion-section-title {
     margin: 15px -8px;

trunk/src/wp-admin/js/customize-controls.js

@@ -1268 +1268 @@
                 overlay.addClass( 'in-themes-panel' );
                 section.addClass( 'current-panel' );
+                _.delay( panel.renderScreenshots, 10 ); // Wait for the controls
+                panel.$customizeSidebar.on( 'scroll.customize-themes-section', _.throttle( panel.renderScreenshots, 300 ) );
 
             } else if ( ! expanded && section.hasClass( 'current-panel' ) ) {
@@ -1284 +1286 @@
                 overlay.removeClass( 'in-themes-panel' );
                 section.removeClass( 'current-panel' );
+                panel.$customizeSidebar.off( 'scroll.customize-themes-section' );
             }
         },