Ticket #33322: 33322.patch

src/wp-admin/css/themes.css

@@ -1691 +1691 @@
         background-size: 20px 20px;
 }
 
+.theme-install-overlay.iframe-ready .wp-full-overlay-main {
+        background-image: none;
+}
+
 /* =Media Queries
 -------------------------------------------------------------- */
 

src/wp-admin/js/theme.js

@@ -764 +764 @@
         html: themes.template( 'theme-preview' ),
 
         render: function() {
-                var data = this.model.toJSON();
+                var self = this,
+                        data = this.model.toJSON();
 
-                this.$el.html( this.html( data ) );
+                this.$el.removeClass( 'iframe-ready' ).html( this.html( data ) );
 
                 themes.router.navigate( themes.router.baseUrl( themes.router.themePath + this.model.get( 'id' ) ), { replace: true } );
 
@@ -774 +775 @@
                         $( 'body' ).addClass( 'theme-installer-active full-overlay-active' );
                         $( '.close-full-overlay' ).focus();
                 });
+
+                this.$el.find( 'iframe' ).one( 'load', function() {
+                        self.iframeLoaded();
+                });
         },
 
+        iframeLoaded: function() {
+                this.$el.addClass( 'iframe-ready' );
+        },
+
         close: function() {
                 this.$el.fadeOut( 200, function() {
                         $( 'body' ).removeClass( 'theme-installer-active full-overlay-active' );
@@ -784 +793 @@
                         if ( themes.focusedTheme ) {
                                 themes.focusedTheme.focus();
                         }
-                });
+                }).removeClass( 'iframe-ready' );
 
                 themes.router.navigate( themes.router.baseUrl( '' ) );
                 this.trigger( 'preview:close' );