Changeset 22019

Timestamp:

09/26/2012 07:57:44 PM (12 years ago)

Author:

nacin

Message:

New HiDPI spinner. Uses clean <span class="spinner"></span> markup.

Be on the lookout for weirdness.
props lessbloat. see #21456.

Location:

trunk

Files:

• wp-admin/css/customize-controls-rtl.css (modified) (1 diff)
• wp-admin/css/customize-controls.css (modified) (1 diff)
• wp-admin/css/wp-admin-rtl.css (modified) (4 diffs)
• wp-admin/css/wp-admin.css (modified) (22 diffs)
• wp-admin/customize.php (modified) (1 diff)
• wp-admin/images/wpspin_light-2x.gif (added)
• wp-admin/includes/class-wp-plugin-install-list-table.php (modified) (2 diffs)
• wp-admin/includes/class-wp-posts-list-table.php (modified) (1 diff)
• wp-admin/includes/class-wp-terms-list-table.php (modified) (1 diff)
• wp-admin/includes/class-wp-theme-install-list-table.php (modified) (1 diff)
• wp-admin/includes/class-wp-themes-list-table.php (modified) (1 diff)
• wp-admin/includes/class-wp-upgrader.php (modified) (1 diff)
• wp-admin/includes/dashboard.php (modified) (1 diff)
• wp-admin/includes/media.php (modified) (3 diffs)
• wp-admin/includes/meta-boxes.php (modified) (4 diffs)
• wp-admin/includes/nav-menu.php (modified) (6 diffs)
• wp-admin/includes/template.php (modified) (1 diff)
• wp-admin/includes/widgets.php (modified) (1 diff)
• wp-admin/js/dashboard.js (modified) (2 diffs)
• wp-admin/js/edit-comments.js (modified) (3 diffs)
• wp-admin/js/image-edit.js (modified) (2 diffs)
• wp-admin/js/inline-edit-post.js (modified) (3 diffs)
• wp-admin/js/inline-edit-tax.js (modified) (3 diffs)
• wp-admin/js/nav-menu.js (modified) (7 diffs)
• wp-admin/js/post.js (modified) (2 diffs)
• wp-admin/js/theme.js (modified) (2 diffs)
• wp-admin/js/widgets.js (modified) (4 diffs)
• wp-admin/js/wp-fullscreen.js (modified) (1 diff)
• wp-admin/options-general.php (modified) (3 diffs)
• wp-admin/press-this.php (modified) (3 diffs)
• wp-admin/widgets.php (modified) (2 diffs)
• wp-includes/class-wp-editor.php (modified) (4 diffs)
• wp-includes/css/editor.css (modified) (4 diffs)
• wp-includes/js/autosave.js (modified) (2 diffs)
• wp-includes/js/wplink.js (modified) (1 diff)

trunk/wp-admin/css/customize-controls-rtl.css

@@ -11 +11 @@
 }
 
-#customize-header-actions img {
+#customize-header-actions .spinner {
     float: left;
     margin-right: 0;

trunk/wp-admin/css/customize-controls.css

@@ -161 +161 @@
 }
 
-#customize-header-actions img {
-    display: none;
-    float: right;
-    margin-top: 13px;
+#customize-header-actions .spinner {
+    margin-top: 16px;
     margin-right: 4px;
 }
 
-.saving #customize-header-actions img {
+.saving #customize-header-actions .spinner {
     display: block;
 }

trunk/wp-admin/css/wp-admin-rtl.css

@@ -841 +841 @@
 }
 
-#commentsdiv img.waiting {
+#commentsdiv .spinner {
     padding-left: 0;
     padding-right: 5px;
@@ -1085 +1085 @@
 /* reply to comments */
 
-#replysubmit img.waiting,
-.inline-edit-save img.waiting {
+#replysubmit .spinner,
+.inline-edit-save .spinner {
     float: left;
 }
@@ -1503 +1503 @@
 
 * html #template div {margin-left: 0;}
-
-.list-ajax-loading {
-    float: left;
-    margin-right: 0;
-    margin-left: 9px;
-}
 
 /* - Used - but could/should be deprecated with a CSS reset
@@ -1854 +1848 @@
 }
 
-#dashboard-widgets #dashboard_quick_press form p.submit img.waiting {
+#dashboard-widgets #dashboard_quick_press form p.submit .spinner {
     margin: 4px 0 0 6px;
 }

trunk/wp-admin/css/wp-admin.css

@@ -969 +969 @@
 }
 
+#publishing-action .spinner {
+    float: left;
+}
+
 #misc-publishing-actions {
     padding: 6px 0 0;
@@ -1100 +1104 @@
 
 .ajax-feedback {
-    visibility: hidden;
     vertical-align: bottom;
 }
@@ -2399 +2402 @@
 }
 
-#commentsdiv img.waiting {
+#commentsdiv .spinner {
     padding-left: 5px;
 }
@@ -2839 +2842 @@
 ------------------------------------------------------------------------------*/
 
+#show-comments {
+    overflow: hidden;
+}
+
+#save-action .spinner,
+#show-comments a,
+#show-comments .spinner {
+    float: left;
+}
+
 #titlediv {
     position: relative;
@@ -2873 +2886 @@
 }
 
+#wp-fullscreen-save .fs-saved {
+    color: #999;
+    float: right;
+    margin-top: 4px;
+}
+
 #wp-fullscreen-title-prompt-text {
     padding: 11px;
@@ -2921 +2940 @@
 #submitpost .ajax-loading {
     vertical-align: middle;
-}
-
-#wpcontent .ajax-loading {
-    visibility: hidden;
 }
 
@@ -3268 +3283 @@
 }
 
-#postcustomstuff #newmetaleft a {   
+#postcustomstuff #newmetaleft a {
     display: inline-block;
     margin: 0 8px 8px;
@@ -4000 +4015 @@
     position: absolute;
     top: 0;
-    background: #FFFFFF url(../images/wpspin_light.gif) no-repeat scroll 22px 10px;
+    background: #fff url(../images/wpspin_light.gif) no-repeat scroll 22px 10px;
+    background-size: 16px 16px;
     opacity: 0.7;
     filter: alpha(opacity=70);
@@ -4008 +4024 @@
 }
 
+.spinner {
+    background: url(../images/wpspin_light.gif) no-repeat;
+    background-size: 16px 16px;
+    display: none;
+    float: right;
+    opacity: 0.7;
+    filter: alpha(opacity=70);
+    width: 16px;
+    height: 16px;
+    margin: 5px 5px 0;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
+    .spinner,
+    .imgedit-wait,
+    .customize-loading #customize-container {
+        background-image: url(../images/wpspin_light-2x.gif);
+    }
+}
+
+.no-float {
+    float: none;
+}
+
 .media-disabled,
 .imgedit-settings .disabled  {
@@ -4013 +4053 @@
 }
 
-.imgedit-wait-spin {
+.wp_attachment_image, .A1B1 {
+    overflow: hidden;
+}
+
+.wp_attachment_image .button, .A1B1 .button {
+    float: left;
+}
+
+.wp_attachment_image .spinner, .A1B1 .spinner {
+    float: left;
     padding: 0 4px 4px;
     vertical-align: bottom;
-    visibility: hidden;
 }
 
@@ -4302 +4350 @@
 }
 
-#replysubmit img.waiting,
-.inline-edit-save img.waiting {
+#replysubmit .spinner,
+.inline-edit-save .spinner {
     padding: 4px 10px 0;
     vertical-align: top;
@@ -4928 +4976 @@
 }
 
+.options-general-php .spinner {
+    float: none;
+    margin: -3px 3px;
+}
 
 /*------------------------------------------------------------------------------
@@ -5482 +5534 @@
 .customize-loading #customize-container {
     background: #fff url("../images/wpspin_light.gif") no-repeat fixed center center;
+    background-size: 16px 16px;
 }
 
@@ -5786 +5839 @@
 }
 
-.list-ajax-loading {
-    float: right;
-    margin-right: 9px;
-    margin-top: -1px;
-}
-
 .tablenav .list-ajax-loading {
     margin-top: 7px;
@@ -6007 +6054 @@
 }
 
-#dashboard_right_now .waiting {
+#dashboard_right_now .spinner {
     color: #e66f00;
 }
@@ -6165 +6212 @@
 }
 
-#dashboard-widgets #dashboard_quick_press form p.submit img.waiting {
+#dashboard-widgets #dashboard_quick_press form p.submit .spinner {
     vertical-align: middle;
     visibility: hidden;
@@ -6726 +6773 @@
 }
 
+.button.right, .button-secondary.right, .button-primary.right {
+    float: right;
+}
+
 /* Button Secondary Actions */
 .list-controls {
@@ -6736 +6787 @@
 }
 
-.postbox img.waiting {
+.postbox .spinner {
     display: none;
     vertical-align: middle;
@@ -7496 +7547 @@
 #waiting {
     margin-top: 10px;
+    overflow: hidden;
+}
+
+#waiting span {
+    float: right;
+    margin: 0 0 0 5px;
+}
+
+#waiting .spinner {
+    display: block;
 }
 
@@ -7570 +7631 @@
 
 /* Submit */
-#saving {
+.press-this #publishing-actions .spinner {
     display: inline;
     vertical-align: middle;
@@ -8013 +8074 @@
 .inactive {
     padding-top: 2px;
+}
+
+.sidebar-name .spinner {
+    float: none;
+    margin: 0 3px -3px;
 }
 
@@ -8204 +8270 @@
     margin-left: 8em;
 }
+
+.update-php .spinner {
+    float: none;
+    margin: -4px 0;
+}

trunk/wp-admin/customize.php

@@ -73 +73 @@
                 submit_button( $save_text, 'primary', 'save', false );
             ?>
-            <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" />
+            <span class="spinner"></span>
             <a class="back button" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>">
                 <?php _e( 'Cancel' ); ?>

trunk/wp-admin/includes/class-wp-plugin-install-list-table.php

@@ -116 +116 @@
                 </div>
                 <?php $this->pagination( $which ); ?>
-                <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
                 <br class="clear" />
             </div>
@@ -122 +121 @@
             <div class="tablenav bottom">
                 <?php $this->pagination( $which ); ?>
-                <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
                 <br class="clear" />
             </div>

trunk/wp-admin/includes/class-wp-posts-list-table.php

@@ -1042 +1042 @@
                 ?>
                 <a accesskey="s" href="#inline-edit" title="<?php esc_attr_e( 'Update' ); ?>" class="button-primary save alignright"><?php echo esc_attr( $update_text ); ?></a>
-                <img class="waiting" style="display:none;" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
+                <span class="spinner"></span>
             <?php } else {
                 submit_button( __( 'Update' ), 'button-primary alignright', 'bulk_edit', false, array( 'accesskey' => 's' ) );

trunk/wp-admin/includes/class-wp-terms-list-table.php

@@ -365 +365 @@
             <?php $update_text = $tax->labels->update_item; ?>
             <a accesskey="s" href="#inline-edit" title="<?php echo esc_attr( $update_text ); ?>" class="save button-primary alignright"><?php echo $update_text; ?></a>
-            <img class="waiting" style="display:none;" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
+            <span class="spinner"></span>
             <span class="error" style="display:none;"></span>
             <?php wp_nonce_field( 'taxinlineeditnonce', '_inline_edit', false ); ?>

trunk/wp-admin/includes/class-wp-theme-install-list-table.php

@@ -135 +135 @@
             </div>
             <?php $this->pagination( 'top' ); ?>
-            <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
             <br class="clear" />
         </div>

trunk/wp-admin/includes/class-wp-themes-list-table.php

@@ -92 +92 @@
         <div class="tablenav themes <?php echo $which; ?>">
             <?php $this->pagination( $which ); ?>
-           <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
-          <br class="clear" />
+            <span class="ajax-loading list-ajax-loading spinner"></span>
+            <br class="clear" />
         </div>
         <?php

trunk/wp-admin/includes/class-wp-upgrader.php

@@ -1289 +1289 @@
     function before($title = '') {
         $this->in_loop = true;
-        printf( '<h4>' . $this->upgrader->strings['skin_before_update_header'] . ' <img alt="" src="' . admin_url( 'images/wpspin_light.gif' ) . '" class="hidden waiting-' . $this->upgrader->update_current . '" style="vertical-align:middle;" /></h4>',  $title, $this->upgrader->update_current, $this->upgrader->update_count);
-        echo '<script type="text/javascript">jQuery(\'.waiting-' . esc_js($this->upgrader->update_current) . '\').show();</script>';
+        printf( '<h4>' . $this->upgrader->strings['skin_before_update_header'] . ' <span class="spinner waiting-' . $this->upgrader->update_current . '"></span></h4>',  $title, $this->upgrader->update_current, $this->upgrader->update_count);
+        echo '<script type="text/javascript">jQuery(\'.waiting-' . esc_js($this->upgrader->update_current) . '\').css("display", "inline-block");</script>';
         echo '<div class="update-messages hide-if-js" id="progress-' . esc_attr($this->upgrader->update_current) . '"><p>';
         $this->flush_output();

trunk/wp-admin/includes/dashboard.php

@@ -536 +536 @@
             <span id="publishing-action">
                 <input type="submit" name="publish" id="publish" accesskey="p" class="button-primary" value="<?php current_user_can('publish_posts') ? esc_attr_e('Publish') : esc_attr_e('Submit for Review'); ?>" />
-                <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
+                <span class="spinner"></span>
             </span>
             <br class="clear" />

trunk/wp-admin/includes/media.php

@@ -1113 +1113 @@
     if ( gd_edit_image_support( $post->post_mime_type ) ) {
         $nonce = wp_create_nonce( "image_editor-$post->ID" );
-        $image_edit_button = "<input type='button' id='imgedit-open-btn-$post->ID' onclick='imageEdit.open( $post->ID, \"$nonce\" )' class='button' value='" . esc_attr__( 'Edit Image' ) . "' /> <img src='" . esc_url( admin_url( 'images/wpspin_light.gif' ) ) . "' class='imgedit-wait-spin' alt='' />";
+        $image_edit_button = "<input type='button' id='imgedit-open-btn-$post->ID' onclick='imageEdit.open( $post->ID, \"$nonce\" )' class='button' value='" . esc_attr__( 'Edit Image' ) . "' /> <span class='spinner'></span>";
     }
 
@@ -1581 +1581 @@
         }
 
-        document.getElementById('status_img').innerHTML = '<img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />';
+        document.getElementById('status_img').innerHTML = '<img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" width="16" />';
         t.preloadImg = new Image();
         t.preloadImg.onload = t.updateImageData;
@@ -2127 +2127 @@
     if ( gd_edit_image_support( $post->post_mime_type ) ) {
         $nonce = wp_create_nonce( "image_editor-$post->ID" );
-        $image_edit_button = "<input type='button' id='imgedit-open-btn-$post->ID' onclick='imageEdit.open( $post->ID, \"$nonce\" )' class='button' value='" . esc_attr__( 'Edit Image' ) . "' /> <img src='" . esc_url( admin_url( 'images/wpspin_light.gif' ) ) . "' class='imgedit-wait-spin' alt='' />";
+        $image_edit_button = "<input type='button' id='imgedit-open-btn-$post->ID' onclick='imageEdit.open( $post->ID, \"$nonce\" )' class='button' value='" . esc_attr__( 'Edit Image' ) . "' /> <span class='spinner'></span>";
     }
 

trunk/wp-admin/includes/meta-boxes.php

@@ -33 +33 @@
 <input type="submit" name="save" id="save-post" value="<?php esc_attr_e('Save as Pending'); ?>" class="button" />
 <?php } ?>
-<img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading" id="draft-ajax-loading" alt="" />
+<span class="spinner"></span>
 </div>
 <?php if ( $post_type_object->public ) : ?>
@@ -201 +201 @@
 
 <div id="publishing-action">
-<img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading" id="ajax-loading" alt="" />
+<span class="spinner"></span>
 <?php
 if ( !in_array( $post->post_status, array('publish', 'future', 'private') ) || 0 == $post->ID ) {
@@ -284 +284 @@
 
     <div id="publishing-action">
-        <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading" id="ajax-loading" alt="" />
+        <span class="spinner"></span>
         <input name="original_publish" type="hidden" id="original_publish" value="<?php esc_attr_e('Update') ?>" />
         <input name="save" type="submit" class="button-primary button-large" id="publish" accesskey="p" value="<?php esc_attr_e('Update') ?>" />
@@ -590 +590 @@
 
         ?>
-        <p class="hide-if-no-js" id="show-comments"><a href="#commentstatusdiv" onclick="commentsBox.get(<?php echo $total; ?>);return false;"><?php _e('Show comments'); ?></a> <img class="waiting" style="display:none;" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" /></p>
+        <p class="hide-if-no-js" id="show-comments"><a href="#commentstatusdiv" onclick="commentsBox.get(<?php echo $total; ?>);return false;"><?php _e('Show comments'); ?></a> <span class="spinner"></span></p>
         <?php
     }

trunk/wp-admin/includes/nav-menu.php

@@ -512 +512 @@
     ?>
     <p class="button-controls">
-        <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
-        <?php submit_button( __( 'Save' ), 'primary', 'nav-menu-locations', false, disabled( $nav_menu_selected_id, 0, false ) ); ?>
+        <?php submit_button( __( 'Save' ), 'primary right', 'nav-menu-locations', false, disabled( $nav_menu_selected_id, 0, false ) ); ?>
+        <span class="spinner"></span>
     </p>
     <?php
@@ -561 +561 @@
         <p class="button-controls">
             <span class="add-to-menu">
-                <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
-                <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-custom-menu-item" id="submit-customlinkdiv" />
+                <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu right" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-custom-menu-item" id="submit-customlinkdiv" />
+                <span class="spinner"></span>
             </span>
         </p>
@@ -693 +693 @@
             <p class="quick-search-wrap">
                 <input type="search" class="quick-search input-with-default-title" title="<?php esc_attr_e('Search'); ?>" value="<?php echo $searched; ?>" name="quick-search-posttype-<?php echo $post_type_name; ?>" />
-                <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
+                <span class="spinner"></span>
                 <?php submit_button( __( 'Search' ), 'button-small quick-search-submit button-secondary hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-posttype-' . $post_type_name ) ); ?>
             </p>
@@ -780 +780 @@
 
             <span class="add-to-menu">
-                <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
-                <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-post-type-menu-item" id="submit-posttype-<?php echo $post_type_name; ?>" />
+                <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu right" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-post-type-menu-item" id="submit-posttype-<?php echo $post_type_name; ?>" />
+                <span class="spinner"></span>
             </span>
         </p>
@@ -924 +924 @@
             <p class="quick-search-wrap">
                 <input type="search" class="quick-search input-with-default-title" title="<?php esc_attr_e('Search'); ?>" value="<?php echo $searched; ?>" name="quick-search-taxonomy-<?php echo $taxonomy_name; ?>" />
-                <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
+                <span class="spinner"></span>
                 <?php submit_button( __( 'Search' ), 'button-small quick-search-submit button-secondary hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-taxonomy-' . $taxonomy_name ) ); ?>
             </p>
@@ -956 +956 @@
 
             <span class="add-to-menu">
-                <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
-                <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-taxonomy-menu-item" id="submit-taxonomy-<?php echo $taxonomy_name; ?>" />
+                <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu right" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-taxonomy-menu-item" id="submit-taxonomy-<?php echo $taxonomy_name; ?>" />
+                <span class="spinner"></span>
             </span>
         </p>

trunk/wp-admin/includes/template.php

@@ -361 +361 @@
     <span id="replybtn" style="display:none;"><?php _e('Submit Reply'); ?></span></a>
     <a href="#comments-form" class="cancel button-secondary alignleft"><?php _e('Cancel'); ?></a>
-    <img class="waiting" style="display:none;" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
+    <span class="waiting spinner"></span>
     <span class="error" style="display:none;"></span>
     <br class="clear" />

trunk/wp-admin/includes/widgets.php

@@ -212 +212 @@
         </div>
         <div class="alignright<?php if ( 'noform' === $has_form ) echo ' widget-control-noform'; ?>">
-        <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-feedback" title="" alt="" />
-        <?php submit_button( __( 'Save' ), 'button button-primary widget-control-save', 'savewidget', false, array( 'id' => 'widget-' . esc_attr( $id_format ) . '-savewidget' ) ); ?>
+            <?php submit_button( __( 'Save' ), 'button-primary widget-control-save right', 'savewidget', false, array( 'id' => 'widget-' . esc_attr( $id_format ) . '-savewidget' ) ); ?>
+            <span class="spinner"></span>
         </div>
         <br class="clear" />

trunk/wp-admin/js/dashboard.js

@@ -67 +67 @@
         var act = $('#quickpost-action'), t;
         t = $('#quick-press').submit( function() {
-            $('#dashboard_quick_press #publishing-action img.waiting').css('visibility', 'visible');
+            $('#dashboard_quick_press #publishing-action .spinner').show();
             $('#quick-press .submit input[type="submit"], #quick-press .submit input[type="reset"]').prop('disabled', true);
 
@@ -75 +75 @@
 
             $('#dashboard_quick_press div.inside').load( t.attr( 'action' ), t.serializeArray(), function() {
-                $('#dashboard_quick_press #publishing-action img.waiting').css('visibility', 'hidden');
+                $('#dashboard_quick_press #publishing-action .spinner').hide();
                 $('#quick-press .submit input[type="submit"], #quick-press .submit input[type="reset"]').prop('disabled', false);
                 $('#dashboard_quick_press ul').next('p').remove();

trunk/wp-admin/js/edit-comments.js

@@ -369 +369 @@
         $('#edithead input').val('');
         $('.error', replyrow).html('').hide();
-        $('.waiting', replyrow).hide();
+        $('.spinner', replyrow).hide();
 
         this.cid = '';
@@ -452 +452 @@
 
         $('#replysubmit .error').hide();
-        $('#replysubmit .waiting').show();
+        $('#replysubmit .spinner').show();
 
         $('#replyrow input').not(':button').each(function() {
@@ -534 +534 @@
         var er = r.statusText;
 
-        $('#replysubmit .waiting').hide();
+        $('#replysubmit .spinner').hide();
 
         if ( r.responseText )

trunk/wp-admin/js/image-edit.js

@@ -273 +273 @@
     open : function(postid, nonce) {
         var data, elem = $('#image-editor-' + postid), head = $('#media-head-' + postid),
-            btn = $('#imgedit-open-btn-' + postid), spin = btn.siblings('img');
+            btn = $('#imgedit-open-btn-' + postid), spin = btn.siblings('.spinner');
 
         btn.prop('disabled', true);
-        spin.css('visibility', 'visible');
+        spin.show();
 
         data = {
@@ -289 +289 @@
             head.fadeOut('fast', function(){
                 btn.removeAttr('disabled');
-                spin.css('visibility', 'hidden');
+                spin.hide();
             });
         });

trunk/wp-admin/js/inline-edit-post.js

@@ -238 +238 @@
             id = this.getId(id);
 
-        $('table.widefat .inline-edit-save .waiting').show();
+        $('table.widefat .spinner').show();
 
         params = {
@@ -254 +254 @@
         $.post( ajaxurl, params,
             function(r) {
-                $('table.widefat .inline-edit-save .waiting').hide();
+                $('table.widefat .spinner').hide();
 
                 if (r) {
@@ -277 +277 @@
 
         if ( id ) {
-            $('table.widefat .inline-edit-save .waiting').hide();
+            $('table.widefat .spinner').hide();
 
             if ( 'bulk-edit' == id ) {

trunk/wp-admin/js/inline-edit-tax.js

@@ -61 +61 @@
             id = this.getId(id);
 
-        $('table.widefat .inline-edit-save .waiting').show();
+        $('table.widefat .spinner').show();
 
         params = {
@@ -77 +77 @@
             function(r) {
                 var row, new_id;
-                $('table.widefat .inline-edit-save .waiting').hide();
+                $('table.widefat .spinner').hide();
 
                 if (r) {
@@ -100 +100 @@
 
         if ( id ) {
-            $('table.widefat .inline-edit-save .waiting').hide();
+            $('table.widefat .spinner').hide();
             $('#'+id).remove();
             id = id.substr( id.lastIndexOf('-') + 1 );

trunk/wp-admin/js/nav-menu.js

@@ -131 +131 @@
 
                         // Show the ajax spinner
-                        t.find('img.waiting').show();
+                        t.find('.spinner').show();
 
                         // Retrieve menu item data
@@ -147 +147 @@
                             // Deselect the items and hide the ajax spinner
                             checkboxes.removeAttr('checked');
-                            t.find('img.waiting').hide();
+                            t.find('.spinner').hide();
                         });
                     });
@@ -472 +472 @@
                     params[this.name] = $(this).val();
                 });
-                loc.find('.waiting').show();
+                loc.find('.spinner').show();
                 $.post( ajaxurl, params, function(r) {
-                    loc.find('.waiting').hide();
+                    loc.find('.spinner').hide();
                 });
                 return false;
@@ -516 +516 @@
             };
 
-            $('img.waiting', panel).show();
+            $('.spinner', panel).show();
 
             $.post( ajaxurl, params, function(menuMarkup) {
@@ -533 +533 @@
 
             // Show the ajax spinner
-            $('.customlinkdiv img.waiting').show();
+            $('.customlinkdiv .spinner').show();
             this.addLinkToMenu( url, label, processMethod, function() {
                 // Remove the ajax spinner
-                $('.customlinkdiv img.waiting').hide();
+                $('.customlinkdiv .spinner').hide();
                 // Set custom link form back to defaults
                 $('#custom-menu-item-name').val('').blur();
@@ -906 +906 @@
             if( ! $items.length ) {
                 $('.categorychecklist', panel).html( '<li><p>' + navMenuL10n.noResultsFound + '</p></li>' );
-                $('img.waiting', panel).hide();
+                $('.spinner', panel).hide();
                 return;
             }
@@ -933 +933 @@
 
             $('.categorychecklist', panel).html( $items );
-            $('img.waiting', panel).hide();
+            $('.spinner', panel).hide();
         },
 

trunk/wp-admin/js/post.js

@@ -186 +186 @@
         this.st += num;
         this.total = total;
-        $('#commentsdiv img.waiting').show();
+        $('#commentsdiv .spinner').show();
 
         data = {
@@ -201 +201 @@
                 r = wpAjax.parseAjaxResponse(r);
                 $('#commentsdiv .widefat').show();
-                $('#commentsdiv img.waiting').hide();
+                $('#commentsdiv .spinner').hide();
 
                 if ( 'object' == typeof r && r.responses[0] ) {

trunk/wp-admin/js/theme.js

@@ -157 +157 @@
             // Cache jQuery selectors
             this.$outList = $('#availablethemes');
-            this.$spinner = $('div.tablenav.bottom').children( 'img.ajax-loading' );
+            this.$spinner = $('div.tablenav.bottom').children( '.spinner' );
             this.$window = $(window);
             this.$document = $(document);
@@ -232 +232 @@
             };
 
-            this.$spinner.css( 'visibility', 'visible' );
+            this.$spinner.show();
             $.getJSON( ajaxurl, query )
                 .done( function( response ) {
                     self.nextPage++;
                     self.process( response );
-                    self.$spinner.css( 'visibility', 'hidden' );
+                    self.$spinner.hide();
                     self.querying = false;
                 })
                 .fail( function() {
-                    self.$spinner.css( 'visibility', 'hidden' );
+                    self.$spinner.hide();
                     self.querying = false;
                     setTimeout( function() { self.ajax(); }, self.failedRetryDelay );

trunk/wp-admin/js/widgets.js

@@ -177 +177 @@
     saveOrder : function(sb) {
         if ( sb )
-            $('#' + sb).closest('div.widgets-holder-wrap').find('img.ajax-feedback').css('visibility', 'visible');
+            $('#' + sb).closest('div.widgets-holder-wrap').find('.spinner').css('display', 'inline-block');
 
         var a = {
@@ -191 +191 @@
 
         $.post( ajaxurl, a, function() {
-            $('img.ajax-feedback').css('visibility', 'hidden');
+            $('.spinner').hide();
         });
 
@@ -200 +200 @@
         var sb = widget.closest('div.widgets-sortables').attr('id'), data = widget.find('form').serialize(), a;
         widget = $(widget);
-        $('.ajax-feedback', widget).css('visibility', 'visible');
+        $('.spinner', widget).show();
 
         a = {
@@ -236 +236 @@
                 }
             } else {
-                $('.ajax-feedback').css('visibility', 'hidden');
+                $('.spinner').hide();
                 if ( r && r.length > 2 ) {
                     $('div.widget-content', widget).html(r);

trunk/wp-admin/js/wp-fullscreen.js

@@ -206 +206 @@
 
     api.save = function() {
-        var hidden = $('#hiddenaction'), old = hidden.val(), spinner = $('#wp-fullscreen-save img'),
+        var hidden = $('#hiddenaction'), old = hidden.val(), spinner = $('#wp-fullscreen-save .spinner'),
             message = $('#wp-fullscreen-save span');
 

trunk/wp-admin/options-general.php

@@ -45 +45 @@
         $("input[name='date_format_custom'], input[name='time_format_custom']").change( function() {
             var format = $(this);
-            format.siblings('img').css('visibility','visible');
+            format.siblings('.spinner').css('display', 'inline-block'); // show(); can't be used here
             $.post(ajaxurl, {
                     action: 'date_format_custom' == format.attr('name') ? 'date_format' : 'time_format',
                     date : format.val()
-                }, function(d) { format.siblings('img').css('visibility','hidden'); format.siblings('.example').text(d); } );
+                }, function(d) { format.siblings('.spinner').hide(); format.siblings('.example').text(d); } );
         });
     });
@@ -251 +251 @@
     echo '  <label><input type="radio" name="date_format" id="date_format_custom_radio" value="\c\u\s\t\o\m"';
     checked( $custom );
-    echo '/> ' . __('Custom:') . ' </label><input type="text" name="date_format_custom" value="' . esc_attr( get_option('date_format') ) . '" class="small-text" /> <span class="example"> ' . date_i18n( get_option('date_format') ) . "</span> <img class='ajax-loading' src='" . esc_url( admin_url( 'images/wpspin_light.gif' ) ) . "' />\n";
+    echo '/> ' . __('Custom:') . ' </label><input type="text" name="date_format_custom" value="' . esc_attr( get_option('date_format') ) . '" class="small-text" /> <span class="example"> ' . date_i18n( get_option('date_format') ) . "</span> <span class='spinner'></span>\n";
 
     echo "\t<p>" . __('<a href="http://codex.wordpress.org/Formatting_Date_and_Time">Documentation on date and time formatting</a>.') . "</p>\n";
@@ -283 +283 @@
     echo '  <label><input type="radio" name="time_format" id="time_format_custom_radio" value="\c\u\s\t\o\m"';
     checked( $custom );
-    echo '/> ' . __('Custom:') . ' </label><input type="text" name="time_format_custom" value="' . esc_attr( get_option('time_format') ) . '" class="small-text" /> <span class="example"> ' . date_i18n( get_option('time_format') ) . "</span> <img class='ajax-loading' src='" . esc_url( admin_url( 'images/wpspin_light.gif' ) ) . "' />\n";
+    echo '/> ' . __('Custom:') . ' </label><input type="text" name="time_format_custom" value="' . esc_attr( get_option('time_format') ) . '" class="small-text" /> <span class="example"> ' . date_i18n( get_option('time_format') ) . "</span> <span class='spinner'></span>\n";
     ;
 ?>

trunk/wp-admin/press-this.php

@@ -428 +428 @@
         <?php } ?>
         jQuery('#title').unbind();
-        jQuery('#publish, #save').click(function() { jQuery('#saving').css('display', 'inline'); });
+        jQuery('#publish, #save').click(function() { jQuery('.press-this #publishing-actions .spinner').css('display', 'inline-block'); });
 
         $('#tagsdiv-post_tag, #categorydiv').children('h3, .handlediv').click(function(){
@@ -468 +468 @@
                             submit_button( __( 'Submit for Review' ), 'primary', 'review', false );
                         } ?>
-                        <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" id="saving" style="display:none;" />
+                        <span class="spinner" style="display: none;"></span>
                     </p>
                     <?php if ( current_theme_supports( 'post-formats' ) && post_type_supports( 'post', 'post-formats' ) ) :
@@ -587 +587 @@
         </div>
 
-        <div id="waiting" style="display: none"><img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" /> <?php esc_html_e( 'Loading...' ); ?></div>
+        <div id="waiting" style="display: none"><span class="spinner"></span> <span><?php esc_html_e( 'Loading...' ); ?></span></div>
 
         <div id="extra-fields" style="display: none"></div>

trunk/wp-admin/widgets.php

@@ -346 +346 @@
                 <div class="sidebar-name-arrow"><br /></div>
                 <h3><?php echo esc_html( $registered_sidebar['name'] ); ?>
-                    <span><img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-feedback" title="" alt="" /></span>
+                    <span class="spinner"></span>
                 </h3>
             </div>
@@ -381 +381 @@
     <div class="sidebar-name-arrow"><br /></div>
     <h3><?php echo esc_html( $registered_sidebar['name'] ); ?>
-    <span><img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-feedback" title="" alt="" /></span></h3></div>
+    <span class="spinner"></span></h3></div>
     <?php wp_list_widget_controls( $sidebar ); // Show the control forms for each of the widgets in this sidebar ?>
     </div>

trunk/wp-includes/class-wp-editor.php

@@ -708 +708 @@
 
             <div id="wp-fullscreen-save">
-                <span><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
-                <img src="<?php echo admin_url('images/wpspin_light.gif'); ?>" alt="" />
-                <input type="button" class="button-primary" value="<?php echo $save; ?>" onclick="fullscreen.save();" />
+                <input type="button" class="button-primary right" value="<?php echo $save; ?>" onclick="fullscreen.save();" />
+                <span class="spinner"></span>
+                <span class="fs-saved"><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
             </div>
 
@@ -823 +823 @@
             <div class="link-search-wrapper">
                 <label>
-                    <span><?php _e( 'Search' ); ?></span>
+                    <span class="search-label"><?php _e( 'Search' ); ?></span>
                     <input type="search" id="search-field" class="link-search-field" autocomplete="off" />
-                    <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
+                    <span class="spinner"></span>
                 </label>
             </div>
@@ -831 +831 @@
                 <ul></ul>
                 <div class="river-waiting">
-                    <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
+                    <span class="spinner"></span>
                 </div>
             </div>
@@ -838 +838 @@
                 <ul></ul>
                 <div class="river-waiting">
-                    <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
+                    <span class="spinner"></span>
                 </div>
             </div>

trunk/wp-includes/css/editor.css

@@ -1297 +1297 @@
 }
 
-#wp-link label span {
+#wp-link label span.search-label {
     display: inline-block;
     width: 80px;
@@ -1304 +1304 @@
 }
 
+#wp-link .link-search-field {
+    float: left;
+    margin-right: 5px;
+}
+
 #wp-link .link-search-wrapper {
     margin: 5px 6px 9px;
@@ -1320 +1325 @@
 }
 
-#wp-link .link-search-wrapper img.waiting {
-    margin: 0;
+#wp-link .link-search-wrapper .spinner {
+    margin: 4px 2px 0 0;
     display: none;
     vertical-align: text-bottom;
@@ -1406 +1411 @@
 }
 
-#wp-link .river-waiting img.waiting {
+#wp-link .river-waiting .spinner {
     margin: 0 auto;
     display: block;

trunk/wp-includes/js/autosave.js

@@ -23 +23 @@
         });
         if ( $(this).attr('id') == 'publish' )
-            $('#ajax-loading').css('visibility', 'visible');
+            $('#major-publishing-actions .spinner').show();
         else
-            $('#draft-ajax-loading').css('visibility', 'visible');
+            $('#minor-publishing .spinner').show();
     });
 
@@ -231 +231 @@
     setTimeout(function(){
         jQuery(':button, :submit', '#submitpost').removeAttr('disabled');
-        jQuery('.ajax-loading').css('visibility', 'hidden');
+        jQuery('.spinner').hide();
     }, 500);
 }

trunk/wp-includes/js/wplink.js

@@ -304 +304 @@
 
                 wpLink.lastSearch = search;
-                waiting = t.parent().find('img.waiting').show();
+                waiting = t.parent().find('.spinner').show();
 
                 rivers.search.change( search );