WordPress.org

Make WordPress Core

Changeset 22019


Ignore:
Timestamp:
09/26/12 19:57:44 (3 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.