Thickbox: spinner should disappear when loading is done.

Props niklasbr, afercia.
Fixes #33311.


git-svn-id: https://develop.svn.wordpress.org/trunk@35418 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Scott Taylor
2015-10-28 18:18:42 +00:00
parent f1ca28c2ab
commit 430d5b13be
3 changed files with 54 additions and 18 deletions

View File

@@ -2694,21 +2694,50 @@ body.import-php #TB_window,
body.plugins-php #TB_window,
body.update-core-php #TB_window,
body.index-php #TB_window {
background: #fcfcfc url( ../images/spinner.gif ) no-repeat center;
background: #fcfcfc;
}
/* IE 8 needs a change in the pseudo element content */
.ie8 body.plugin-install-php #TB_window:before,
.ie8 body.import-php #TB_window:before,
.ie8 body.plugins-php #TB_window:before,
.ie8 body.update-core-php #TB_window:before,
.ie8 body.index-php #TB_window:before {
content: " ";
background: none;
}
body.plugin-install-php #TB_window.thickbox-loading:before,
body.import-php #TB_window.thickbox-loading:before,
body.plugins-php #TB_window.thickbox-loading:before,
body.update-core-php #TB_window.thickbox-loading:before,
body.index-php #TB_window.thickbox-loading:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
margin: -10px 0 0 -10px;
background: #fcfcfc url(../images/spinner.gif) no-repeat center;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
body.plugin-install-php #TB_window,
body.import-php #TB_window,
body.plugins-php #TB_window,
body.update-core-php #TB_window,
body.index-php #TB_window {
background: #fcfcfc url( ../images/spinner-2x.gif ) no-repeat center;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
body.plugin-install-php #TB_window.thickbox-loading:before,
body.import-php #TB_window.thickbox-loading:before,
body.plugins-php #TB_window.thickbox-loading:before,
body.update-core-php #TB_window.thickbox-loading:before,
body.index-php #TB_window.thickbox-loading:before {
background: #fcfcfc url(../images/spinner-2x.gif) no-repeat center;
}
}