Changeset 29021

Timestamp:

07/08/2014 12:32:29 AM (12 years ago)

Author:

johnbillion

Message:

Narrower layout and loading spinner for the install screen language selector. See #28577

Location:

trunk/src/wp-admin

Files:

• css/install.css (modified) (2 diffs)
• includes/upgrade.php (modified) (1 diff)
• js/language-chooser.js (modified) (1 diff)

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

@@ -314 +314 @@
 
 body.language-chooser {
-        max-width: 450px;
+        max-width: 300px;
 }
 
@@ -382 +382 @@
 }
 
-}
+.spinner {
+        background: url(../images/spinner.gif) no-repeat;
+        -webkit-background-size: 20px 20px;
+        background-size: 20px 20px;
+        visibility: hidden;
+        opacity: 0.7;
+        filter: alpha(opacity=70);
+        width: 20px;
+        height: 20px;
+        margin: 2px 5px 0;
+}
+
+.step .spinner {
+        display: inline-block;
+        margin-right: 15px;
+}
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-o-min-device-pixel-ratio: 5/4),
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+
+        .spinner {
+                background-image: url(../images/spinner-2x.gif);
+        }
+
+}

trunk/src/wp-admin/includes/upgrade.php

@@ -2180 +2180 @@
         }
         echo "</fieldset>\n";
-        echo '<p class="step"><input type="submit" class="button button-primary button-hero" value="&raquo;" /></p>';
+        echo '<p class="step"><span class="spinner"></span><input type="submit" class="button button-primary button-hero" value="&raquo;" /></p>';
 }
 

trunk/src/wp-admin/js/language-chooser.js

@@ -37 +37 @@
         });
 
+        $('form').submit(function(){
+                $(this).find('.step .spinner').css('visibility','visible');
+        });
+
 })(jQuery);