Changeset 36518

Timestamp:

02/12/2016 06:34:46 PM (9 years ago)

Author:

afercia

Message:

Customizer: reduce the spinner re-painted area to the smallest possible one.

Also, changes the "customize container" and the theme installer preview
background from white to the default body #f1f1f1 background.

Fixes #35649.

File:

• trunk/src/wp-admin/css/themes.css (modified) (5 diffs)

trunk/src/wp-admin/css/themes.css

@@ -1281 +1281 @@
 }
 
-#customize-preview.wp-full-overlay-main {
-    background: url(../images/spinner.gif) no-repeat center center;
-    -webkit-background-size: 20px 20px;
-    background-size: 20px 20px;
-}
-
-#customize-preview.wp-full-overlay-main.iframe-ready {
-    background: none;
-}
-
 .wp-full-overlay-sidebar .wp-full-overlay-header {
     position: absolute;
@@ -1525 +1515 @@
 }
 
-.customize-loading #customize-container {
-    background: #fff url(../images/spinner.gif) no-repeat fixed center center;
-    -webkit-background-size: 20px 20px;
-    background-size: 20px 20px;
-}
-
 #customize-container iframe,
 .theme-install-overlay iframe {
@@ -1619 +1603 @@
     position: relative;
     z-index: 0;
-    background-color: #fff;
-}
-
+    background-color: #f1f1f1;
+}
+
+.customize-loading #customize-container {
+    background-color: #f1f1f1;
+}
+
+#customize-preview.wp-full-overlay-main:before,
+.customize-loading #customize-container:before,
 .theme-install-overlay .wp-full-overlay-main:before {
-    content: '';
+    content: "";
     display: block;
     width: 20px;
@@ -1634 +1624 @@
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
-    background: #fff url(../images/spinner.gif) no-repeat center center;
+    background: transparent url(../images/spinner.gif) no-repeat center center;
     -webkit-background-size: 20px 20px;
     background-size: 20px 20px;
 }
 
+#customize-preview.wp-full-overlay-main.iframe-ready:before,
 .theme-install-overlay.iframe-ready .wp-full-overlay-main:before {
     background-image: none;
@@ -1658 +1649 @@
     }
 
-    #customize-preview.wp-full-overlay-main,
-    .customize-loading #customize-container,
+    #customize-preview.wp-full-overlay-main:before,
+    .customize-loading #customize-container:before,
     .theme-install-overlay .wp-full-overlay-main:before {
         background-image: url(../images/spinner-2x.gif);