Theme Installer: toggle iframe-ready on the overlay to control the spinner animated GIF and high CPU usage.

Props afercia, adamsilverstein.
Fixes #33322.


git-svn-id: https://develop.svn.wordpress.org/trunk@35281 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Scott Taylor
2015-10-20 05:35:07 +00:00
parent 91d55f97c2
commit f07367d34c
2 changed files with 33 additions and 4 deletions

View File

@@ -1634,11 +1634,31 @@ body.full-overlay-active {
}
.theme-install-overlay .wp-full-overlay-main {
position: relative;
z-index: 0;
background-color: #fff;
}
.theme-install-overlay .wp-full-overlay-main:before {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
margin: -10px 0 0 -10px;
transform: translateZ(0);
background: #fff url(../images/spinner.gif) no-repeat center center;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
}
.theme-install-overlay.iframe-ready .wp-full-overlay-main:before {
background-image: none;
}
/* =Media Queries
-------------------------------------------------------------- */
@@ -1656,7 +1676,7 @@ body.full-overlay-active {
#customize-preview.wp-full-overlay-main,
.customize-loading #customize-container,
.theme-install-overlay .wp-full-overlay-main {
.theme-install-overlay .wp-full-overlay-main:before {
background-image: url(../images/spinner-2x.gif);
}
}