WordPress.org

Make WordPress Core

Changeset 22019


Ignore:
Timestamp:
09/26/2012 07:57:44 PM (6 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:
1 added
34 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/customize-controls-rtl.css

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

    r21944 r22019  
    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}
  • trunk/wp-admin/css/wp-admin-rtl.css

    r22018 r22019  
    841841}
    842842
    843 #commentsdiv img.waiting {
     843#commentsdiv .spinner {
    844844    padding-left: 0;
    845845    padding-right: 5px;
     
    10851085/* reply to comments */
    10861086
    1087 #replysubmit img.waiting,
    1088 .inline-edit-save img.waiting {
     1087#replysubmit .spinner,
     1088.inline-edit-save .spinner {
    10891089    float: left;
    10901090}
     
    15031503
    15041504* html #template div {margin-left: 0;}
    1505 
    1506 .list-ajax-loading {
    1507     float: left;
    1508     margin-right: 0;
    1509     margin-left: 9px;
    1510 }
    15111505
    15121506/* - Used - but could/should be deprecated with a CSS reset
     
    18541848}
    18551849
    1856 #dashboard-widgets #dashboard_quick_press form p.submit img.waiting {
     1850#dashboard-widgets #dashboard_quick_press form p.submit .spinner {
    18571851    margin: 4px 0 0 6px;
    18581852}
  • trunk/wp-admin/css/wp-admin.css

    r22018 r22019  
    969969}
    970970
     971#publishing-action .spinner {
     972    float: left;
     973}
     974
    971975#misc-publishing-actions {
    972976    padding: 6px 0 0;
     
    11001104
    11011105.ajax-feedback {
    1102     visibility: hidden;
    11031106    vertical-align: bottom;
    11041107}
     
    23992402}
    24002403
    2401 #commentsdiv img.waiting {
     2404#commentsdiv .spinner {
    24022405    padding-left: 5px;
    24032406}
     
    28392842------------------------------------------------------------------------------*/
    28402843
     2844#show-comments {
     2845    overflow: hidden;
     2846}
     2847
     2848#save-action .spinner,
     2849#show-comments a,
     2850#show-comments .spinner {
     2851    float: left;
     2852}
     2853
    28412854#titlediv {
    28422855    position: relative;
     
    28732886}
    28742887
     2888#wp-fullscreen-save .fs-saved {
     2889    color: #999;
     2890    float: right;
     2891    margin-top: 4px;
     2892}
     2893
    28752894#wp-fullscreen-title-prompt-text {
    28762895    padding: 11px;
     
    29212940#submitpost .ajax-loading {
    29222941    vertical-align: middle;
    2923 }
    2924 
    2925 #wpcontent .ajax-loading {
    2926     visibility: hidden;
    29272942}
    29282943
     
    32683283}
    32693284
    3270 #postcustomstuff #newmetaleft a {   
     3285#postcustomstuff #newmetaleft a {
    32713286    display: inline-block;
    32723287    margin: 0 8px 8px;
     
    40004015    position: absolute;
    40014016    top: 0;
    4002     background: #FFFFFF url(../images/wpspin_light.gif) no-repeat scroll 22px 10px;
     4017    background: #fff url(../images/wpspin_light.gif) no-repeat scroll 22px 10px;
     4018    background-size: 16px 16px;
    40034019    opacity: 0.7;
    40044020    filter: alpha(opacity=70);
     
    40084024}
    40094025
     4026.spinner {
     4027    background: url(../images/wpspin_light.gif) no-repeat;
     4028    background-size: 16px 16px;
     4029    display: none;
     4030    float: right;
     4031    opacity: 0.7;
     4032    filter: alpha(opacity=70);
     4033    width: 16px;
     4034    height: 16px;
     4035    margin: 5px 5px 0;
     4036}
     4037
     4038@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     4039    .spinner,
     4040    .imgedit-wait,
     4041    .customize-loading #customize-container {
     4042        background-image: url(../images/wpspin_light-2x.gif);
     4043    }
     4044}
     4045
     4046.no-float {
     4047    float: none;
     4048}
     4049
    40104050.media-disabled,
    40114051.imgedit-settings .disabled  {
     
    40134053}
    40144054
    4015 .imgedit-wait-spin {
     4055.wp_attachment_image, .A1B1 {
     4056    overflow: hidden;
     4057}
     4058
     4059.wp_attachment_image .button, .A1B1 .button {
     4060    float: left;
     4061}
     4062
     4063.wp_attachment_image .spinner, .A1B1 .spinner {
     4064    float: left;
    40164065    padding: 0 4px 4px;
    40174066    vertical-align: bottom;
    4018     visibility: hidden;
    40194067}
    40204068
     
    43024350}
    43034351
    4304 #replysubmit img.waiting,
    4305 .inline-edit-save img.waiting {
     4352#replysubmit .spinner,
     4353.inline-edit-save .spinner {
    43064354    padding: 4px 10px 0;
    43074355    vertical-align: top;
     
    49284976}
    49294977
     4978.options-general-php .spinner {
     4979    float: none;
     4980    margin: -3px 3px;
     4981}
    49304982
    49314983/*------------------------------------------------------------------------------
     
    54825534.customize-loading #customize-container {
    54835535    background: #fff url("../images/wpspin_light.gif") no-repeat fixed center center;
     5536    background-size: 16px 16px;
    54845537}
    54855538
     
    57865839}
    57875840
    5788 .list-ajax-loading {
    5789     float: right;
    5790     margin-right: 9px;
    5791     margin-top: -1px;
    5792 }
    5793 
    57945841.tablenav .list-ajax-loading {
    57955842    margin-top: 7px;
     
    60076054}
    60086055
    6009 #dashboard_right_now .waiting {
     6056#dashboard_right_now .spinner {
    60106057    color: #e66f00;
    60116058}
     
    61656212}
    61666213
    6167 #dashboard-widgets #dashboard_quick_press form p.submit img.waiting {
     6214#dashboard-widgets #dashboard_quick_press form p.submit .spinner {
    61686215    vertical-align: middle;
    61696216    visibility: hidden;
     
    67266773}
    67276774
     6775.button.right, .button-secondary.right, .button-primary.right {
     6776    float: right;
     6777}
     6778
    67286779/* Button Secondary Actions */
    67296780.list-controls {
     
    67366787}
    67376788
    6738 .postbox img.waiting {
     6789.postbox .spinner {
    67396790    display: none;
    67406791    vertical-align: middle;
     
    74967547#waiting {
    74977548    margin-top: 10px;
     7549    overflow: hidden;
     7550}
     7551
     7552#waiting span {
     7553    float: right;
     7554    margin: 0 0 0 5px;
     7555}
     7556
     7557#waiting .spinner {
     7558    display: block;
    74987559}
    74997560
     
    75707631
    75717632/* Submit */
    7572 #saving {
     7633.press-this #publishing-actions .spinner {
    75737634    display: inline;
    75747635    vertical-align: middle;
     
    80138074.inactive {
    80148075    padding-top: 2px;
     8076}
     8077
     8078.sidebar-name .spinner {
     8079    float: none;
     8080    margin: 0 3px -3px;
    80158081}
    80168082
     
    82048270    margin-left: 8em;
    82058271}
     8272
     8273.update-php .spinner {
     8274    float: none;
     8275    margin: -4px 0;
     8276}
  • trunk/wp-admin/customize.php

    r21135 r22019  
    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' ); ?>
  • trunk/wp-admin/includes/class-wp-plugin-install-list-table.php

    r20754 r22019  
    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="" />
    119118                <br class="clear" />
    120119            </div>
     
    122121            <div class="tablenav bottom">
    123122                <?php $this->pagination( $which ); ?>
    124                 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
    125123                <br class="clear" />
    126124            </div>
  • trunk/wp-admin/includes/class-wp-posts-list-table.php

    r21996 r22019  
    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' ) );
  • trunk/wp-admin/includes/class-wp-terms-list-table.php

    r21948 r22019  
    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 ); ?>
  • trunk/wp-admin/includes/class-wp-theme-install-list-table.php

    r21311 r22019  
    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="" />
    138137            <br class="clear" />
    139138        </div>
  • trunk/wp-admin/includes/class-wp-themes-list-table.php

    r21914 r22019  
    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
  • trunk/wp-admin/includes/class-wp-upgrader.php

    r21755 r22019  
    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);
    1292         echo '<script type="text/javascript">jQuery(\'.waiting-' . esc_js($this->upgrader->update_current) . '\').show();</script>';
     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);
     1292        echo '<script type="text/javascript">jQuery(\'.waiting-' . esc_js($this->upgrader->update_current) . '\').css("display", "inline-block");</script>';
    12931293        echo '<div class="update-messages hide-if-js" id="progress-' . esc_attr($this->upgrader->update_current) . '"><p>';
    12941294        $this->flush_output();
  • trunk/wp-admin/includes/dashboard.php

    r22018 r22019  
    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" />
  • trunk/wp-admin/includes/media.php

    r21980 r22019  
    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
     
    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;
     
    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
  • trunk/wp-admin/includes/meta-boxes.php

    r21948 r22019  
    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 ) : ?>
     
    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 ) {
     
    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') ?>" />
     
    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    }
  • trunk/wp-admin/includes/nav-menu.php

    r21996 r22019  
    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
     
    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>
     
    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>
     
    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>
     
    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>
     
    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>
  • trunk/wp-admin/includes/template.php

    r21955 r22019  
    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" />
  • trunk/wp-admin/includes/widgets.php

    r21944 r22019  
    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" />
  • trunk/wp-admin/js/dashboard.js

    r21894 r22019  
    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 #publishing-action .spinner').show();
    7070            $('#quick-press .submit input[type="submit"], #quick-press .submit input[type="reset"]').prop('disabled', true);
    7171
     
    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();
  • trunk/wp-admin/js/edit-comments.js

    r21592 r22019  
    369369        $('#edithead input').val('');
    370370        $('.error', replyrow).html('').hide();
    371         $('.waiting', replyrow).hide();
     371        $('.spinner', replyrow).hide();
    372372
    373373        this.cid = '';
     
    452452
    453453        $('#replysubmit .error').hide();
    454         $('#replysubmit .waiting').show();
     454        $('#replysubmit .spinner').show();
    455455
    456456        $('#replyrow input').not(':button').each(function() {
     
    534534        var er = r.statusText;
    535535
    536         $('#replysubmit .waiting').hide();
     536        $('#replysubmit .spinner').hide();
    537537
    538538        if ( r.responseText )
  • trunk/wp-admin/js/image-edit.js

    r21592 r22019  
    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 = {
     
    289289            head.fadeOut('fast', function(){
    290290                btn.removeAttr('disabled');
    291                 spin.css('visibility', 'hidden');
     291                spin.hide();
    292292            });
    293293        });
  • trunk/wp-admin/js/inline-edit-post.js

    r21592 r22019  
    238238            id = this.getId(id);
    239239
    240         $('table.widefat .inline-edit-save .waiting').show();
     240        $('table.widefat .spinner').show();
    241241
    242242        params = {
     
    254254        $.post( ajaxurl, params,
    255255            function(r) {
    256                 $('table.widefat .inline-edit-save .waiting').hide();
     256                $('table.widefat .spinner').hide();
    257257
    258258                if (r) {
     
    277277
    278278        if ( id ) {
    279             $('table.widefat .inline-edit-save .waiting').hide();
     279            $('table.widefat .spinner').hide();
    280280
    281281            if ( 'bulk-edit' == id ) {
  • trunk/wp-admin/js/inline-edit-tax.js

    r21592 r22019  
    6161            id = this.getId(id);
    6262
    63         $('table.widefat .inline-edit-save .waiting').show();
     63        $('table.widefat .spinner').show();
    6464
    6565        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) {
     
    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 );
  • trunk/wp-admin/js/nav-menu.js

    r21592 r22019  
    131131
    132132                        // Show the ajax spinner
    133                         t.find('img.waiting').show();
     133                        t.find('.spinner').show();
    134134
    135135                        // Retrieve menu item data
     
    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                    });
     
    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;
     
    516516            };
    517517
    518             $('img.waiting', panel).show();
     518            $('.spinner', panel).show();
    519519
    520520            $.post( ajaxurl, params, function(menuMarkup) {
     
    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();
     
    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            }
     
    933933
    934934            $('.categorychecklist', panel).html( $items );
    935             $('img.waiting', panel).hide();
     935            $('.spinner', panel).hide();
    936936        },
    937937
  • trunk/wp-admin/js/post.js

    r22017 r22019  
    186186        this.st += num;
    187187        this.total = total;
    188         $('#commentsdiv img.waiting').show();
     188        $('#commentsdiv .spinner').show();
    189189
    190190        data = {
     
    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] ) {
  • trunk/wp-admin/js/theme.js

    r21592 r22019  
    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( '.spinner' );
    160160            this.$window = $(window);
    161161            this.$document = $(document);
     
    232232            };
    233233
    234             this.$spinner.css( 'visibility', 'visible' );
     234            this.$spinner.show();
    235235            $.getJSON( ajaxurl, query )
    236236                .done( function( response ) {
    237237                    self.nextPage++;
    238238                    self.process( response );
    239                     self.$spinner.css( 'visibility', 'hidden' );
     239                    self.$spinner.hide();
    240240                    self.querying = false;
    241241                })
    242242                .fail( function() {
    243                     self.$spinner.css( 'visibility', 'hidden' );
     243                    self.$spinner.hide();
    244244                    self.querying = false;
    245245                    setTimeout( function() { self.ajax(); }, self.failedRetryDelay );
  • trunk/wp-admin/js/widgets.js

    r21592 r22019  
    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 = {
     
    191191
    192192        $.post( ajaxurl, a, function() {
    193             $('img.ajax-feedback').css('visibility', 'hidden');
     193            $('.spinner').hide();
    194194        });
    195195
     
    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 = {
     
    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);
  • trunk/wp-admin/js/wp-fullscreen.js

    r21592 r22019  
    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
  • trunk/wp-admin/options-general.php

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

    r22007 r22019  
    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(){
     
    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' ) ) :
     
    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>
  • trunk/wp-admin/widgets.php

    r21825 r22019  
    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>
     
    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>
  • trunk/wp-includes/class-wp-editor.php

    r22012 r22019  
    708708
    709709            <div id="wp-fullscreen-save">
    710                 <span><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
    711                 <img src="<?php echo admin_url('images/wpspin_light.gif'); ?>" alt="" />
    712                 <input type="button" class="button-primary" value="<?php echo $save; ?>" onclick="fullscreen.save();" />
     710                <input type="button" class="button-primary right" value="<?php echo $save; ?>" onclick="fullscreen.save();" />
     711                <span class="spinner"></span>
     712                <span class="fs-saved"><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
    713713            </div>
    714714
     
    823823            <div class="link-search-wrapper">
    824824                <label>
    825                     <span><?php _e( 'Search' ); ?></span>
     825                    <span class="search-label"><?php _e( 'Search' ); ?></span>
    826826                    <input type="search" id="search-field" class="link-search-field" autocomplete="off" />
    827                     <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     827                    <span class="spinner"></span>
    828828                </label>
    829829            </div>
     
    831831                <ul></ul>
    832832                <div class="river-waiting">
    833                     <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     833                    <span class="spinner"></span>
    834834                </div>
    835835            </div>
     
    838838                <ul></ul>
    839839                <div class="river-waiting">
    840                     <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     840                    <span class="spinner"></span>
    841841                </div>
    842842            </div>
  • trunk/wp-includes/css/editor.css

    r22016 r22019  
    12971297}
    12981298
    1299 #wp-link label span {
     1299#wp-link label span.search-label {
    13001300    display: inline-block;
    13011301    width: 80px;
     
    13041304}
    13051305
     1306#wp-link .link-search-field {
     1307    float: left;
     1308    margin-right: 5px;
     1309}
     1310
    13061311#wp-link .link-search-wrapper {
    13071312    margin: 5px 6px 9px;
     
    13201325}
    13211326
    1322 #wp-link .link-search-wrapper img.waiting {
    1323     margin: 0;
     1327#wp-link .link-search-wrapper .spinner {
     1328    margin: 4px 2px 0 0;
    13241329    display: none;
    13251330    vertical-align: text-bottom;
     
    14061411}
    14071412
    1408 #wp-link .river-waiting img.waiting {
     1413#wp-link .river-waiting .spinner {
    14091414    margin: 0 auto;
    14101415    display: block;
  • trunk/wp-includes/js/autosave.js

    r21592 r22019  
    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
     
    231231    setTimeout(function(){
    232232        jQuery(':button, :submit', '#submitpost').removeAttr('disabled');
    233         jQuery('.ajax-loading').css('visibility', 'hidden');
     233        jQuery('.spinner').hide();
    234234    }, 500);
    235235}
  • trunk/wp-includes/js/wplink.js

    r21592 r22019  
    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 );
Note: See TracChangeset for help on using the changeset viewer.