Changeset 41948

Timestamp:

10/19/17 17:56:56 (4 days ago)

Author:

westonruter

Message:

Customize: Fix rendering issues in theme browsing when opening theme details or performing search in Safari.

Props sayedwp.
See #37661.
Fixes #42052.

Location:

trunk/src/wp-admin

Files:

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

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

@@ -2318 +2318 @@
 }
 
+.wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content {
+    overflow: visible;
+}
+
 .wp-customizer .theme-overlay .theme-backdrop {
     background: rgba( 238, 238, 238, 0.75 );

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

@@ -3066 +3066 @@
                     .delay( 200 ).find( '.customize-themes-full-container' ).addClass( 'animate' );
 
+                _.delay( function() {
+                    overlay.addClass( 'themes-panel-expanded' );
+                }, 200 );
+
                 // Automatically open the installed themes section (except on small screens).
                 if ( 600 < window.innerWidth ) {
@@ -3072 +3076 @@
             } else {
                 overlay
-                    .removeClass( 'in-themes-panel' )
+                    .removeClass( 'in-themes-panel themes-panel-expanded' )
                     .find( '.customize-themes-full-container' ).removeClass( 'animate' );
             }