WordPress.org

Make WordPress Core

Ticket #21456: 21456.4.diff

File 21456.4.diff, 39.8 KB (added by lessbloat, 6 years ago)
  • wp-includes/js/wplink.js

     
    303303                                        return;
    304304
    305305                                wpLink.lastSearch = search;
    306                                 waiting = t.parent().find('img.waiting').show();
     306                                waiting = t.parent().find('.spinner').show();
    307307
    308308                                rivers.search.change( search );
    309309                                rivers.search.ajax( function(){ waiting.hide(); });
  • wp-includes/js/autosave.js

     
    2222                                t.addClass('button-disabled');
    2323                });
    2424                if ( $(this).attr('id') == 'publish' )
    25                         $('#ajax-loading').css('visibility', 'visible');
     25                        $('#major-publishing-actions .spinner').show();
    2626                else
    27                         $('#draft-ajax-loading').css('visibility', 'visible');
     27                        $('#minor-publishing .spinner').show();
    2828        });
    2929
    3030        window.onbeforeunload = function(){
     
    230230        // delay that a bit to avoid some rare collisions while the DOM is being updated.
    231231        setTimeout(function(){
    232232                jQuery(':button, :submit', '#submitpost').removeAttr('disabled');
    233                 jQuery('.ajax-loading').css('visibility', 'hidden');
     233                jQuery('.spinner').hide();
    234234        }, 500);
    235235}
    236236
  • wp-includes/css/editor.css

     
    12681268        margin-top: 5px;
    12691269}
    12701270
    1271 #wp-link label span {
     1271#wp-link label span.search-label {
    12721272        display: inline-block;
    12731273        width: 80px;
    12741274        text-align: right;
    12751275        padding-right: 5px;
    12761276}
    12771277
     1278#wp-link .link-search-field {
     1279        float: left;
     1280        margin-right: 5px;
     1281}
     1282
    12781283#wp-link .link-search-wrapper {
    12791284        margin: 5px 6px 9px;
    12801285        display: block;
     
    12911296        width: 220px;
    12921297}
    12931298
    1294 #wp-link .link-search-wrapper img.waiting {
    1295         margin: 0;
     1299#wp-link .link-search-wrapper .waiting {
     1300        margin: 4px 2px 0 0;
    12961301        display: none;
    12971302        vertical-align: text-bottom;
    12981303}
  • wp-includes/class-wp-editor.php

     
    670670                        </div></div>
    671671
    672672                        <div id="wp-fullscreen-save">
    673                                 <span><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
    674                                 <img src="<?php echo admin_url('images/wpspin_light.gif'); ?>" alt="" />
    675                                 <input type="button" class="button-primary" value="<?php echo $save; ?>" onclick="fullscreen.save();" />
     673                                <input type="button" class="button-primary right" value="<?php echo $save; ?>" onclick="fullscreen.save();" />
     674                                <span class="spinner"></span>
     675                                <span class="fs-saved"><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
    676676                        </div>
    677677
    678678                        </div>
     
    785785                <div id="search-panel"<?php if ( ! $show_internal ) echo ' style="display:none"'; ?>>
    786786                        <div class="link-search-wrapper">
    787787                                <label>
    788                                         <span><?php _e( 'Search' ); ?></span>
     788                                        <span class="search-label"><?php _e( 'Search' ); ?></span>
    789789                                        <input type="search" id="search-field" class="link-search-field" autocomplete="off" />
    790                                         <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     790                                        <span class="spinner"></span>
    791791                                </label>
    792792                        </div>
    793793                        <div id="search-results" class="query-results">
    794794                                <ul></ul>
    795795                                <div class="river-waiting">
    796                                         <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     796                                        <span class="spinner"></span>
    797797                                </div>
    798798                        </div>
    799799                        <div id="most-recent-results" class="query-results">
    800800                                <div class="query-notice"><em><?php _e( 'No search term specified. Showing recent items.' ); ?></em></div>
    801801                                <ul></ul>
    802802                                <div class="river-waiting">
    803                                         <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     803                                        <span class="spinner"></span>
    804804                                </div>
    805805                        </div>
    806806                </div>
  • wp-admin/includes/class-wp-posts-list-table.php

     
    10411041                                $update_text = __( 'Update' );
    10421042                                ?>
    10431043                                <a accesskey="s" href="#inline-edit" title="<?php esc_attr_e( 'Update' ); ?>" class="button-primary save alignright"><?php echo esc_attr( $update_text ); ?></a>
    1044                                 <img class="waiting" style="display:none;" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     1044                                <span class="spinner"></span>
    10451045                        <?php } else {
    10461046                                submit_button( __( 'Update' ), 'button-primary alignright', 'bulk_edit', false, array( 'accesskey' => 's' ) );
    10471047                        } ?>
  • wp-admin/includes/class-wp-terms-list-table.php

     
    364364                        <a accesskey="c" href="#inline-edit" title="<?php esc_attr_e( 'Cancel' ); ?>" class="cancel button-secondary alignleft"><?php _e( 'Cancel' ); ?></a>
    365365                        <?php $update_text = $tax->labels->update_item; ?>
    366366                        <a accesskey="s" href="#inline-edit" title="<?php echo esc_attr( $update_text ); ?>" class="save button-primary alignright"><?php echo $update_text; ?></a>
    367                         <img class="waiting" style="display:none;" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     367                        <span class="spinner"></span>
    368368                        <span class="error" style="display:none;"></span>
    369369                        <?php wp_nonce_field( 'taxinlineeditnonce', '_inline_edit', false ); ?>
    370370                        <input type="hidden" name="taxonomy" value="<?php echo esc_attr( $this->screen->taxonomy ); ?>" />
  • wp-admin/includes/dashboard.php

     
    535535                        <input type="reset" value="<?php esc_attr_e( 'Reset' ); ?>" class="button" />
    536536                        <span id="publishing-action">
    537537                                <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'); ?>" />
    538                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     538                                <span class="spinner"></span>
    539539                        </span>
    540540                        <br class="clear" />
    541541                </p>
  • wp-admin/includes/class-wp-plugin-install-list-table.php

     
    115115                                        <?php do_action( 'install_plugins_table_header' ); ?>
    116116                                </div>
    117117                                <?php $this->pagination( $which ); ?>
    118                                 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
     118                                <span class="ajax-loading list-ajax-loading spinner"></span>
    119119                                <br class="clear" />
    120120                        </div>
    121121                <?php } else { ?>
    122122                        <div class="tablenav bottom">
    123123                                <?php $this->pagination( $which ); ?>
    124                                 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
     124                                <span class="ajax-loading list-ajax-loading spinner"></span>
    125125                                <br class="clear" />
    126126                        </div>
    127127                <?php
  • wp-admin/includes/class-wp-theme-install-list-table.php

     
    134134                                <?php do_action( 'install_themes_table_header' ); ?>
    135135                        </div>
    136136                        <?php $this->pagination( 'top' ); ?>
    137                         <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
     137                        <span class="ajax-loading list-ajax-loading spinner"></span>
    138138                        <br class="clear" />
    139139                </div>
    140140
  • wp-admin/includes/class-wp-upgrader.php

     
    12881288
    12891289        function before($title = '') {
    12901290                $this->in_loop = true;
    1291                 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);
     1291                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);
    12921292                echo '<script type="text/javascript">jQuery(\'.waiting-' . esc_js($this->upgrader->update_current) . '\').show();</script>';
    12931293                echo '<div class="update-messages hide-if-js" id="progress-' . esc_attr($this->upgrader->update_current) . '"><p>';
    12941294                $this->flush_output();
  • wp-admin/includes/meta-boxes.php

     
    3232<?php } elseif ( 'pending' == $post->post_status && $can_publish ) { ?>
    3333<input type="submit" name="save" id="save-post" value="<?php esc_attr_e('Save as Pending'); ?>" class="button" />
    3434<?php } ?>
    35 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading" id="draft-ajax-loading" alt="" />
     35<span class="spinner"></span>
    3636</div>
    3737<?php if ( $post_type_object->public ) : ?>
    3838<div id="preview-action">
     
    200200</div>
    201201
    202202<div id="publishing-action">
    203 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading" id="ajax-loading" alt="" />
     203<span class="spinner"></span>
    204204<?php
    205205if ( !in_array( $post->post_status, array('publish', 'future', 'private') ) || 0 == $post->ID ) {
    206206        if ( $can_publish ) :
     
    283283        </div>
    284284
    285285        <div id="publishing-action">
    286                 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading" id="ajax-loading" alt="" />
     286                <span class="spinner"></span>
    287287                <input name="original_publish" type="hidden" id="original_publish" value="<?php esc_attr_e('Update') ?>" />
    288288                <input name="save" type="submit" class="button-primary button-large" id="publish" accesskey="p" value="<?php esc_attr_e('Update') ?>" />
    289289        </div>
     
    589589                }
    590590
    591591                ?>
    592                 <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>
     592                <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>
    593593                <?php
    594594        }
    595595
  • wp-admin/includes/widgets.php

     
    211211                <a class="widget-control-close" href="#close"><?php _e('Close'); ?></a>
    212212                </div>
    213213                <div class="alignright<?php if ( 'noform' === $has_form ) echo ' widget-control-noform'; ?>">
    214                 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-feedback" title="" alt="" />
    215                 <?php submit_button( __( 'Save' ), 'button button-primary widget-control-save', 'savewidget', false, array( 'id' => 'widget-' . esc_attr( $id_format ) . '-savewidget' ) ); ?>
     214                        <?php submit_button( __( 'Save' ), 'button-primary widget-control-save right', 'savewidget', false, array( 'id' => 'widget-' . esc_attr( $id_format ) . '-savewidget' ) ); ?>
     215                        <span class="spinner"></span>
    216216                </div>
    217217                <br class="clear" />
    218218        </div>
  • wp-admin/includes/class-wp-themes-list-table.php

     
    9191                ?>
    9292                <div class="tablenav themes <?php echo $which; ?>">
    9393                        <?php $this->pagination( $which ); ?>
    94                    <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
    95                   <br class="clear" />
     94                        <span class="ajax-loading list-ajax-loading spinner"></span>
     95                        <br class="clear" />
    9696                </div>
    9797                <?php
    9898        }
  • wp-admin/includes/template.php

     
    360360        <span id="savebtn" style="display:none;"><?php _e('Update Comment'); ?></span>
    361361        <span id="replybtn" style="display:none;"><?php _e('Submit Reply'); ?></span></a>
    362362        <a href="#comments-form" class="cancel button-secondary alignleft"><?php _e('Cancel'); ?></a>
    363         <img class="waiting" style="display:none;" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     363        <span class="waiting spinner"></span>
    364364        <span class="error" style="display:none;"></span>
    365365        <br class="clear" />
    366366        </p>
  • wp-admin/includes/media.php

     
    11121112        $image_edit_button = '';
    11131113        if ( gd_edit_image_support( $post->post_mime_type ) ) {
    11141114                $nonce = wp_create_nonce( "image_editor-$post->ID" );
    1115                 $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='' />";
     1115                $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>";
    11161116        }
    11171117
    11181118        $attachment_url = get_permalink( $attachment_id );
     
    15801580                        return false;
    15811581                }
    15821582
    1583                 document.getElementById('status_img').innerHTML = '<img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />';
     1583                document.getElementById('status_img').innerHTML = '<img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" width="16" />';
    15841584                t.preloadImg = new Image();
    15851585                t.preloadImg.onload = t.updateImageData;
    15861586                t.preloadImg.onerror = t.resetImageData;
     
    21262126        $image_edit_button = '';
    21272127        if ( gd_edit_image_support( $post->post_mime_type ) ) {
    21282128                $nonce = wp_create_nonce( "image_editor-$post->ID" );
    2129                 $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='' />";
     2129                $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>";
    21302130        }
    21312131
    21322132        ?>
  • wp-admin/includes/nav-menu.php

     
    511511        }
    512512        ?>
    513513        <p class="button-controls">
    514                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
    515                 <?php submit_button( __( 'Save' ), 'primary', 'nav-menu-locations', false, disabled( $nav_menu_selected_id, 0, false ) ); ?>
     514                <?php submit_button( __( 'Save' ), 'primary right', 'nav-menu-locations', false, disabled( $nav_menu_selected_id, 0, false ) ); ?>
     515                <span class="spinner"></span>
    516516        </p>
    517517        <?php
    518518}
     
    560560
    561561                <p class="button-controls">
    562562                        <span class="add-to-menu">
    563                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
    564                                 <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" />
     563                                <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" />
     564                                <span class="spinner"></span>
    565565                        </span>
    566566                </p>
    567567
     
    692692                        ?>
    693693                        <p class="quick-search-wrap">
    694694                                <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; ?>" />
    695                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     695                                <span class="spinner"></span>
    696696                                <?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 ) ); ?>
    697697                        </p>
    698698
     
    779779                        </span>
    780780
    781781                        <span class="add-to-menu">
    782                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
    783                                 <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; ?>" />
     782                                <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; ?>" />
     783                                <span class="spinner"></span>
    784784                        </span>
    785785                </p>
    786786
     
    923923                        ?>
    924924                        <p class="quick-search-wrap">
    925925                                <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; ?>" />
    926                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     926                                <span class="spinner"></span>
    927927                                <?php submit_button( __( 'Search' ), 'button-small quick-search-submit button-secondary hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-taxonomy-' . $taxonomy_name ) ); ?>
    928928                        </p>
    929929
     
    955955                        </span>
    956956
    957957                        <span class="add-to-menu">
    958                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
    959                                 <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; ?>" />
     958                                <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; ?>" />
     959                                <span class="spinner"></span>
    960960                        </span>
    961961                </p>
    962962
  • wp-admin/customize.php

     
    7272                                $save_text = $wp_customize->is_theme_active() ? __( 'Save &amp; Publish' ) : __( 'Save &amp; Activate' );
    7373                                submit_button( $save_text, 'primary', 'save', false );
    7474                        ?>
    75                         <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" />
     75                        <span class="spinner"></span>
    7676                        <a class="back button" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>">
    7777                                <?php _e( 'Cancel' ); ?>
    7878                        </a>
  • wp-admin/js/edit-comments.js

     
    368368                $('#replycontent').css('height', '').val('');
    369369                $('#edithead input').val('');
    370370                $('.error', replyrow).html('').hide();
    371                 $('.waiting', replyrow).hide();
     371                $('.spinner', replyrow).hide();
    372372
    373373                this.cid = '';
    374374        },
     
    451451                var post = {};
    452452
    453453                $('#replysubmit .error').hide();
    454                 $('#replysubmit .waiting').show();
     454                $('#replysubmit .spinner').show();
    455455
    456456                $('#replyrow input').not(':button').each(function() {
    457457                        var t = $(this);
     
    533533        error : function(r) {
    534534                var er = r.statusText;
    535535
    536                 $('#replysubmit .waiting').hide();
     536                $('#replysubmit .spinner').hide();
    537537
    538538                if ( r.responseText )
    539539                        er = r.responseText.replace( /<.[^<>]*?>/g, '' );
  • wp-admin/js/inline-edit-tax.js

     
    6060                if( typeof(id) == 'object' )
    6161                        id = this.getId(id);
    6262
    63                 $('table.widefat .inline-edit-save .waiting').show();
     63                $('table.widefat .spinner').show();
    6464
    6565                params = {
    6666                        action: 'inline-save-tax',
     
    7676                $.post( ajaxurl, params,
    7777                        function(r) {
    7878                                var row, new_id;
    79                                 $('table.widefat .inline-edit-save .waiting').hide();
     79                                $('table.widefat .spinner').hide();
    8080
    8181                                if (r) {
    8282                                        if ( -1 != r.indexOf('<tr') ) {
     
    9999                var id = $('table.widefat tr.inline-editor').attr('id');
    100100
    101101                if ( id ) {
    102                         $('table.widefat .inline-edit-save .waiting').hide();
     102                        $('table.widefat .spinner').hide();
    103103                        $('#'+id).remove();
    104104                        id = id.substr( id.lastIndexOf('-') + 1 );
    105105                        $(this.what+id).show();
  • wp-admin/js/widgets.js

     
    176176
    177177        saveOrder : function(sb) {
    178178                if ( sb )
    179                         $('#' + sb).closest('div.widgets-holder-wrap').find('img.ajax-feedback').css('visibility', 'visible');
     179                        $('#' + sb).closest('div.widgets-holder-wrap').find('.spinner').css('display', 'inline-block');
    180180
    181181                var a = {
    182182                        action: 'widgets-order',
     
    190190                });
    191191
    192192                $.post( ajaxurl, a, function() {
    193                         $('img.ajax-feedback').css('visibility', 'hidden');
     193                        $('.spinner').hide();
    194194                });
    195195
    196196                this.resize();
     
    199199        save : function(widget, del, animate, order) {
    200200                var sb = widget.closest('div.widgets-sortables').attr('id'), data = widget.find('form').serialize(), a;
    201201                widget = $(widget);
    202                 $('.ajax-feedback', widget).css('visibility', 'visible');
     202                $('.spinner', widget).show();
    203203
    204204                a = {
    205205                        action: 'save-widget',
     
    235235                                        wpWidgets.resize();
    236236                                }
    237237                        } else {
    238                                 $('.ajax-feedback').css('visibility', 'hidden');
     238                                $('.spinner').hide();
    239239                                if ( r && r.length > 2 ) {
    240240                                        $('div.widget-content', widget).html(r);
    241241                                        wpWidgets.appendTitle(widget);
  • wp-admin/js/nav-menu.js

     
    130130                                                        return false;
    131131
    132132                                                // Show the ajax spinner
    133                                                 t.find('img.waiting').show();
     133                                                t.find('.spinner').show();
    134134
    135135                                                // Retrieve menu item data
    136136                                                $(checkboxes).each(function(){
     
    146146                                                api.addItemToMenu(menuItems, processMethod, function(){
    147147                                                        // Deselect the items and hide the ajax spinner
    148148                                                        checkboxes.removeAttr('checked');
    149                                                         t.find('img.waiting').hide();
     149                                                        t.find('.spinner').hide();
    150150                                                });
    151151                                        });
    152152                                },
     
    471471                                loc.find('select').each(function() {
    472472                                        params[this.name] = $(this).val();
    473473                                });
    474                                 loc.find('.waiting').show();
     474                                loc.find('.spinner').show();
    475475                                $.post( ajaxurl, params, function(r) {
    476                                         loc.find('.waiting').hide();
     476                                        loc.find('.spinner').hide();
    477477                                });
    478478                                return false;
    479479                        });
     
    515515                                'type': input.attr('name')
    516516                        };
    517517
    518                         $('img.waiting', panel).show();
     518                        $('.spinner', panel).show();
    519519
    520520                        $.post( ajaxurl, params, function(menuMarkup) {
    521521                                api.processQuickSearchQueryResponse(menuMarkup, params, panel);
     
    532532                                return false;
    533533
    534534                        // Show the ajax spinner
    535                         $('.customlinkdiv img.waiting').show();
     535                        $('.customlinkdiv .spinner').show();
    536536                        this.addLinkToMenu( url, label, processMethod, function() {
    537537                                // Remove the ajax spinner
    538                                 $('.customlinkdiv img.waiting').hide();
     538                                $('.customlinkdiv .spinner').hide();
    539539                                // Set custom link form back to defaults
    540540                                $('#custom-menu-item-name').val('').blur();
    541541                                $('#custom-menu-item-url').val('http://');
     
    905905
    906906                        if( ! $items.length ) {
    907907                                $('.categorychecklist', panel).html( '<li><p>' + navMenuL10n.noResultsFound + '</p></li>' );
    908                                 $('img.waiting', panel).hide();
     908                                $('.spinner', panel).hide();
    909909                                return;
    910910                        }
    911911
     
    932932                        });
    933933
    934934                        $('.categorychecklist', panel).html( $items );
    935                         $('img.waiting', panel).hide();
     935                        $('.spinner', panel).hide();
    936936                },
    937937
    938938                removeMenuItem : function(el) {
  • wp-admin/js/wp-fullscreen.js

     
    205205         */
    206206
    207207        api.save = function() {
    208                 var hidden = $('#hiddenaction'), old = hidden.val(), spinner = $('#wp-fullscreen-save img'),
     208                var hidden = $('#hiddenaction'), old = hidden.val(), spinner = $('#wp-fullscreen-save .spinner'),
    209209                        message = $('#wp-fullscreen-save span');
    210210
    211211                spinner.show();
  • wp-admin/js/dashboard.js

     
    6666        quickPressLoad = function() {
    6767                var act = $('#quickpost-action'), t;
    6868                t = $('#quick-press').submit( function() {
    69                         $('#dashboard_quick_press #publishing-action img.waiting').css('visibility', 'visible');
     69                        $('#dashboard_quick_press .spinner').show();
    7070                        $('#quick-press .submit input[type="submit"], #quick-press .submit input[type="reset"]').prop('disabled', true);
    7171
    7272                        if ( 'post' == act.val() ) {
     
    7474                        }
    7575
    7676                        $('#dashboard_quick_press div.inside').load( t.attr( 'action' ), t.serializeArray(), function() {
    77                                 $('#dashboard_quick_press #publishing-action img.waiting').css('visibility', 'hidden');
     77                                $('#dashboard_quick_press #publishing-action .spinner').hide();
    7878                                $('#quick-press .submit input[type="submit"], #quick-press .submit input[type="reset"]').prop('disabled', false);
    7979                                $('#dashboard_quick_press ul').next('p').remove();
    8080                                $('#dashboard_quick_press ul').find('li').each( function() {
  • wp-admin/js/image-edit.js

     
    272272
    273273        open : function(postid, nonce) {
    274274                var data, elem = $('#image-editor-' + postid), head = $('#media-head-' + postid),
    275                         btn = $('#imgedit-open-btn-' + postid), spin = btn.siblings('img');
     275                        btn = $('#imgedit-open-btn-' + postid), spin = btn.siblings('.spinner');
    276276
    277277                btn.prop('disabled', true);
    278                 spin.css('visibility', 'visible');
     278                spin.show();
    279279
    280280                data = {
    281281                        'action': 'image-editor',
     
    288288                        elem.fadeIn('fast');
    289289                        head.fadeOut('fast', function(){
    290290                                btn.removeAttr('disabled');
    291                                 spin.css('visibility', 'hidden');
     291                                spin.hide();
    292292                        });
    293293                });
    294294        },
  • wp-admin/js/inline-edit-post.js

     
    237237                if ( typeof(id) == 'object' )
    238238                        id = this.getId(id);
    239239
    240                 $('table.widefat .inline-edit-save .waiting').show();
     240                $('table.widefat .spinner').show();
    241241
    242242                params = {
    243243                        action: 'inline-save',
     
    253253                // make ajax request
    254254                $.post( ajaxurl, params,
    255255                        function(r) {
    256                                 $('table.widefat .inline-edit-save .waiting').hide();
     256                                $('table.widefat .spinner').hide();
    257257
    258258                                if (r) {
    259259                                        if ( -1 != r.indexOf('<tr') ) {
     
    276276                var id = $('table.widefat tr.inline-editor').attr('id');
    277277
    278278                if ( id ) {
    279                         $('table.widefat .inline-edit-save .waiting').hide();
     279                        $('table.widefat .spinner').hide();
    280280
    281281                        if ( 'bulk-edit' == id ) {
    282282                                $('table.widefat #bulk-edit').removeClass('inline-editor').hide();
  • wp-admin/js/theme.js

     
    156156
    157157                        // Cache jQuery selectors
    158158                        this.$outList = $('#availablethemes');
    159                         this.$spinner = $('div.tablenav.bottom').children( 'img.ajax-loading' );
     159                        this.$spinner = $('div.tablenav.bottom').children( '.ajax-loading' );
    160160                        this.$window = $(window);
    161161                        this.$document = $(document);
    162162
     
    217217                 */
    218218                ajax: function() {
    219219                        var self = this;
    220 
    221220                        this.querying = true;
    222221
    223222                        var query = {
     
    231230                                'list_args': list_args
    232231                        };
    233232
    234                         this.$spinner.css( 'visibility', 'visible' );
     233                        this.$spinner.show();
    235234                        $.getJSON( ajaxurl, query )
    236235                                .done( function( response ) {
    237236                                        self.nextPage++;
    238237                                        self.process( response );
    239                                         self.$spinner.css( 'visibility', 'hidden' );
     238                                        self.$spinner.hide();
    240239                                        self.querying = false;
    241240                                })
    242241                                .fail( function() {
    243                                         self.$spinner.css( 'visibility', 'hidden' );
     242                                        self.$spinner.hide();
    244243                                        self.querying = false;
    245244                                        setTimeout( function() { self.ajax(); }, self.failedRetryDelay );
    246245                                });
  • wp-admin/js/post.js

     
    185185
    186186                this.st += num;
    187187                this.total = total;
    188                 $('#commentsdiv img.waiting').show();
     188                $('#commentsdiv .spinner').show();
    189189
    190190                data = {
    191191                        'action' : 'get-comments',
     
    200200                        function(r) {
    201201                                r = wpAjax.parseAjaxResponse(r);
    202202                                $('#commentsdiv .widefat').show();
    203                                 $('#commentsdiv img.waiting').hide();
     203                                $('#commentsdiv .spinner').hide();
    204204
    205205                                if ( 'object' == typeof r && r.responses[0] ) {
    206206                                        $('#the-comment-list').append( r.responses[0].data );
  • wp-admin/options-general.php

     
    4545                });
    4646                $("input[name='date_format_custom'], input[name='time_format_custom']").change( function() {
    4747                        var format = $(this);
    48                         format.siblings('img').css('visibility','visible');
     48                        format.siblings('.spinner').css('display', 'inline-block'); // show(); can't be used here
    4949                        $.post(ajaxurl, {
    5050                                        action: 'date_format_custom' == format.attr('name') ? 'date_format' : 'time_format',
    5151                                        date : format.val()
    52                                 }, function(d) { format.siblings('img').css('visibility','hidden'); format.siblings('.example').text(d); } );
     52                                }, function(d) { format.siblings('.spinner').hide(); format.siblings('.example').text(d); } );
    5353                });
    5454        });
    5555//]]>
     
    251251
    252252        echo '  <label><input type="radio" name="date_format" id="date_format_custom_radio" value="\c\u\s\t\o\m"';
    253253        checked( $custom );
    254         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";
     254        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";
    255255
    256256        echo "\t<p>" . __('<a href="http://codex.wordpress.org/Formatting_Date_and_Time">Documentation on date and time formatting</a>.') . "</p>\n";
    257257?>
     
    283283
    284284        echo '  <label><input type="radio" name="time_format" id="time_format_custom_radio" value="\c\u\s\t\o\m"';
    285285        checked( $custom );
    286         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";
     286        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";
    287287        ;
    288288?>
    289289        </fieldset>
  • wp-admin/press-this.php

     
    427427                        show('photo');
    428428                <?php } ?>
    429429                jQuery('#title').unbind();
    430                 jQuery('#publish, #save').click(function() { jQuery('#saving').css('display', 'inline'); });
     430                jQuery('#publish, #save').click(function() { jQuery('.press-this #publishing-actions .spinner').css('display', 'inline-block'); });
    431431
    432432                $('#tagsdiv-post_tag, #categorydiv').children('h3, .handlediv').click(function(){
    433433                        $(this).siblings('.inside').toggle();
     
    467467                                                        echo '<br /><br />';
    468468                                                        submit_button( __( 'Submit for Review' ), 'primary', 'review', false );
    469469                                                } ?>
    470                                                 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" id="saving" style="display:none;" />
     470                                                <span class="spinner" style="display: none;"></span>
    471471                                        </p>
    472472                                        <?php if ( current_theme_supports( 'post-formats' ) && post_type_supports( 'post', 'post-formats' ) ) :
    473473                                                        $post_formats = get_theme_support( 'post-formats' );
     
    586586                        </div>
    587587                </div>
    588588
    589                 <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>
     589                <div id="waiting" style="display: none"><span class="spinner"></span> <span><?php esc_html_e( 'Loading...' ); ?></span></div>
    590590
    591591                <div id="extra-fields" style="display: none"></div>
    592592
  • wp-admin/css/wp-admin.css

     
    968968        line-height: 23px;
    969969}
    970970
     971#publishing-action .spinner {
     972        float: left;
     973}
     974
    971975#misc-publishing-actions {
    972976        padding: 6px 0 0;
    973977}
     
    10991103}
    11001104
    11011105.ajax-feedback {
    1102         visibility: hidden;
    11031106        vertical-align: bottom;
    11041107}
    11051108
     
    28142817  11.0 - Write/Edit Post Screen
    28152818------------------------------------------------------------------------------*/
    28162819
     2820#show-comments {
     2821        overflow: hidden;
     2822}
     2823
     2824#save-action .spinner,
     2825#show-comments a,
     2826#show-comments .spinner {
     2827        float: left;
     2828}
     2829
    28172830#titlediv {
    28182831        position: relative;
    28192832        margin-bottom: 10px;
     
    28482861        padding: 8px 10px;
    28492862}
    28502863
     2864#wp-fullscreen-save .fs-saved {
     2865        color: #999;
     2866        float: right;
     2867        margin-top: 4px;
     2868}
     2869
    28512870#wp-fullscreen-title-prompt-text {
    28522871        padding: 11px;
    28532872}
     
    28982917        vertical-align: middle;
    28992918}
    29002919
    2901 #wpcontent .ajax-loading {
    2902         visibility: hidden;
    2903 }
    2904 
    29052920.submitbox .submit {
    29062921        text-align: left;
    29072922        padding: 12px 10px 10px;
     
    39663981        position: absolute;
    39673982        top: 0;
    39683983        background: #FFFFFF url(../images/wpspin_light.gif) no-repeat scroll 22px 10px;
     3984        background-size: 16px 16px;
    39693985        opacity: 0.7;
    39703986        filter: alpha(opacity=70);
    39713987        width: 100%;
     
    39733989        display: none;
    39743990}
    39753991
     3992.spinner {
     3993        background: url(../images/wpspin_light.gif) no-repeat;
     3994        background-size: 16px 16px;
     3995        display: none;
     3996        float: right;
     3997        opacity: 0.7;
     3998        filter: alpha(opacity=70);
     3999        width: 16px;
     4000        height: 16px;
     4001        margin: 5px 5px 0;
     4002}
     4003
     4004.no-float {
     4005        float: none;
     4006}
     4007
    39764008.media-disabled,
    39774009.imgedit-settings .disabled  {
    39784010        color: grey;
    39794011}
    39804012
    3981 .imgedit-wait-spin {
     4013.wp_attachment_image, .A1B1 {
     4014        overflow: hidden;
     4015}
     4016
     4017.wp_attachment_image .button, .A1B1 .button {
     4018        float: left;
     4019}
     4020
     4021.wp_attachment_image .spinner, .A1B1 .spinner {
     4022        float: left;
    39824023        padding: 0 4px 4px;
    39834024        vertical-align: bottom;
    3984         visibility: hidden;
    39854025}
    39864026
    39874027.imgedit-menu {
     
    48894929        vertical-align: middle;
    48904930}
    48914931
     4932.options-general-php .spinner {
     4933        float: none;
     4934        margin: -3px 3px;
     4935}
    48924936
    48934937/*------------------------------------------------------------------------------
    48944938  21.0 - Admin Footer
     
    54435487
    54445488.customize-loading #customize-container {
    54455489        background: #fff url("../images/wpspin_light.gif") no-repeat fixed center center;
     5490        background-size: 16px 16px;
    54465491}
    54475492
    54485493#customize-container iframe,
     
    66866731        margin-top: 5px;
    66876732}
    66886733
     6734.button.right, .button-secondary.right, .button-primary.right {
     6735        float: right;
     6736}
     6737
    66896738/* Button Secondary Actions */
    66906739.list-controls {
    66916740        float: left;
     
    74557504
    74567505#waiting {
    74577506        margin-top: 10px;
     7507        overflow: hidden;
    74587508}
    74597509
     7510#waiting span {
     7511        float: right;
     7512        margin: 0 0 0 5px;
     7513}
     7514
     7515#waiting .spinner {
     7516        display: block;
     7517}
     7518
    74607519#extra-fields .postbox {
    74617520        margin-bottom: 5px;
    74627521}
     
    75297588}
    75307589
    75317590/* Submit */
    7532 #saving {
     7591.press-this #publishing-actions .spinner {
    75337592        display: inline;
    75347593        vertical-align: middle;
    75357594}
     
    79748033        padding-top: 2px;
    79758034}
    79768035
     8036.sidebar-name .spinner {
     8037        float: none;
     8038        margin: 0 3px -3px;
     8039}
     8040
    79778041.sidebar-name-arrow {
    79788042        float: right;
    79798043        height: 29px;
  • wp-admin/css/customize-controls-rtl.css

     
    1010        float: left;
    1111}
    1212
    13 #customize-header-actions img {
     13#customize-header-actions .spinner {
    1414        float: left;
    1515        margin-right: 0;
    1616        margin-left: 4px;
  • wp-admin/css/customize-controls.css

     
    160160        margin-top: 10px;
    161161}
    162162
    163 #customize-header-actions img {
    164         display: none;
    165         float: right;
    166         margin-top: 13px;
     163#customize-header-actions .spinner {
     164        margin-top: 16px;
    167165        margin-right: 4px;
    168166}
    169167
    170 .saving #customize-header-actions img {
     168.saving #customize-header-actions .spinner {
    171169        display: block;
    172170}
    173171
  • wp-admin/widgets.php

     
    345345                        <div class="sidebar-name">
    346346                                <div class="sidebar-name-arrow"><br /></div>
    347347                                <h3><?php echo esc_html( $registered_sidebar['name'] ); ?>
    348                                         <span><img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-feedback" title="" alt="" /></span>
     348                                        <span class="spinner"></span>
    349349                                </h3>
    350350                        </div>
    351351                        <div class="widget-holder inactive">
     
    380380        <div class="sidebar-name">
    381381        <div class="sidebar-name-arrow"><br /></div>
    382382        <h3><?php echo esc_html( $registered_sidebar['name'] ); ?>
    383         <span><img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-feedback" title="" alt="" /></span></h3></div>
     383        <span class="spinner"></span></h3></div>
    384384        <?php wp_list_widget_controls( $sidebar ); // Show the control forms for each of the widgets in this sidebar ?>
    385385        </div>
    386386<?php