Changeset 41948

Timestamp:

10/19/2017 05:56:56 PM (9 years 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' );
                         }