WordPress.org

Make WordPress Core

Ticket #21456: hidpi-spinner.diff

File hidpi-spinner.diff, 19.2 KB (added by alternatekev, 6 years ago)

patch for gif spinner replacement

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

     
    671671
    672672                        <div id="wp-fullscreen-save">
    673673                                <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="" />
     674                                <div class='spinner'></div>
     675
    675676                                <input type="button" class="button-primary" value="<?php echo $save; ?>" onclick="fullscreen.save();" />
    676677                        </div>
    677678
     
    787788                                <label>
    788789                                        <span><?php _e( 'Search' ); ?></span>
    789790                                        <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="" />
     791                                        <div class='spinner waiting'></div>
     792
    791793                                </label>
    792794                        </div>
    793795                        <div id="search-results" class="query-results">
    794796                                <ul></ul>
    795797                                <div class="river-waiting">
    796                                         <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     798                                        <div class='spinner waiting'></div>
     799                                       
    797800                                </div>
    798801                        </div>
    799802                        <div id="most-recent-results" class="query-results">
    800803                                <div class="query-notice"><em><?php _e( 'No search term specified. Showing recent items.' ); ?></em></div>
    801804                                <ul></ul>
    802805                                <div class="river-waiting">
    803                                         <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     806                                        <div class='spinner waiting'></div>
     807
    804808                                </div>
    805809                        </div>
    806810                </div>
  • wp-admin/includes/class-wp-posts-list-table.php

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

     
    367367                        <a accesskey="c" href="#inline-edit" title="<?php esc_attr_e( 'Cancel' ); ?>" class="cancel button-secondary alignleft"><?php _e( 'Cancel' ); ?></a>
    368368                        <?php $update_text = $tax->labels->update_item; ?>
    369369                        <a accesskey="s" href="#inline-edit" title="<?php echo esc_attr( $update_text ); ?>" class="save button-primary alignright"><?php echo $update_text; ?></a>
    370                         <img class="waiting" style="display:none;" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     370                        <div class='spinner waiting' style="display:none;"></div>
    371371                        <span class="error" style="display:none;"></span>
    372372                        <?php wp_nonce_field( 'taxinlineeditnonce', '_inline_edit', false ); ?>
    373373                        <input type="hidden" name="taxonomy" value="<?php echo esc_attr( $tax->name ); ?>" />
  • 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                                <div class='spinner ajax-loading list-ajax-loading'></div>
    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                                <div class='spinner ajax-loading list-ajax-loading'></div>
    125125                                <br class="clear" />
    126126                        </div>
    127127                <?php
  • 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                                <div class='spinner waiting'></div>
    539539                        </span>
    540540                        <br class="clear" />
    541541                </p>
  • 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                        <div class='spinner ajax-loading list-ajax-loading'></div>
    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'] . '<div class="spinner hidden waiting-' . $this->upgrader->update_current . '" style="vertical-align:middle;"></div>',  $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 button-highlighted" />
    3434<?php } ?>
    35 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading" id="draft-ajax-loading" alt="" />
     35<div id="draft-ajax-loading" class='spinner ajax-loading'></div>
     36
    3637</div>
    3738<?php if ( $post_type_object->public ) : ?>
    3839<div id="preview-action">
     
    200201</div>
    201202
    202203<div id="publishing-action">
    203 <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading" id="ajax-loading" alt="" />
     204<div id="ajax-loading" class='spinner ajax-loading'></div>
    204205<?php
    205206if ( !in_array( $post->post_status, array('publish', 'future', 'private') ) || 0 == $post->ID ) {
    206207        if ( $can_publish ) :
     
    489490                }
    490491
    491492                ?>
    492                 <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>
     493                <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> <div id='draft-ajax-loading' style='display:none;' class='spinner ajax-loading'></div></p>
    493494                <?php
    494495        }
    495496
  • 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="" />
     214                <div class='spinner ajax-feedback'></div>
     215
    215216                <?php submit_button( __( 'Save' ), 'button-primary widget-control-save', 'savewidget', false, array( 'id' => 'widget-' . esc_attr( $id_format ) . '-savewidget' ) ); ?>
    216217                </div>
    217218                <br class="clear" />
  • wp-admin/includes/class-wp-themes-list-table.php

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

     
    359359        <span id="addbtn" style="display:none;"><?php _e('Add Comment'); ?></span>
    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>
    362         <img class="waiting" style="display:none;" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     362        <div class='spinner waiting' style="display:none;"></div>
     363
    363364        <span class="error" style="display:none;"></span>
    364365        <br class="clear" />
    365366        </p>
  • wp-admin/includes/media.php

     
    11131113        $image_edit_button = '';
    11141114        if ( gd_edit_image_support( $post->post_mime_type ) ) {
    11151115                $nonce = wp_create_nonce( "image_editor-$post->ID" );
    1116                 $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='' />";
     1116                $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' ) . "' /><div class='spinner imgedit-wait-spin'></div>";
    11171117        }
    11181118
    11191119        $attachment_url = get_permalink( $attachment_id );
     
    15811581                        return false;
    15821582                }
    15831583
    1584                 document.getElementById('status_img').innerHTML = '<img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />';
    1585                 t.preloadImg = new Image();
    1586                 t.preloadImg.onload = t.updateImageData;
    1587                 t.preloadImg.onerror = t.resetImageData;
    1588                 t.preloadImg.src = src;
     1584                document.getElementById('status_img').innerHTML = '<div class="spinner ajax-loading list-ajax-loading"></div>';
     1585               
     1586                /* Not sure this is necessary any more                  */
     1587                /* */ t.preloadImg = new Image();                               /* */
     1588                /* */ t.preloadImg.onload = t.updateImageData;  /* */
     1589                /* */ t.preloadImg.onerror = t.resetImageData;  /* */
     1590                /* */ t.preloadImg.src = src;                                   /* */
    15891591        }
    15901592}
    15911593
  • 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="" />
     514                <div class='spinner waiting'></div>
     515
    515516                <?php submit_button( __( 'Save' ), 'primary', 'nav-menu-locations', false, disabled( $nav_menu_selected_id, 0, false ) ); ?>
    516517        </p>
    517518        <?php
     
    560561
    561562                <p class="button-controls">
    562563                        <span class="add-to-menu">
    563                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     564                                <div class='spinner waiting'></div>
     565
    564566                                <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" />
    565567                        </span>
    566568                </p>
     
    692694                        ?>
    693695                        <p class="quick-search-wrap">
    694696                                <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="" />
     697                                <div class='spinner waiting'></div>
     698
    696699                                <?php submit_button( __( 'Search' ), 'quick-search-submit button-secondary hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-posttype-' . $post_type_name ) ); ?>
    697700                        </p>
    698701
     
    779782                        </span>
    780783
    781784                        <span class="add-to-menu">
    782                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     785                                <div class='spinner waiting'></div>
     786
    783787                                <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; ?>" />
    784788                        </span>
    785789                </p>
     
    923927                        ?>
    924928                        <p class="quick-search-wrap">
    925929                                <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="" />
     930                                <div class='spinner waiting'></div>
     931
    927932                                <?php submit_button( __( 'Search' ), 'quick-search-submit button-secondary hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-taxonomy-' . $taxonomy_name ) ); ?>
    928933                        </p>
    929934
     
    955960                        </span>
    956961
    957962                        <span class="add-to-menu">
    958                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     963                                <div class='spinner waiting'></div>
     964
    959965                                <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; ?>" />
    960966                        </span>
    961967                </p>
  • 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                        <div class='spinner'></div>
    7676                        <a class="back button" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>">
    7777                                <?php _e( 'Cancel' ); ?>
    7878                        </a>
  • wp-admin/css/wp-admin.css

     
    981981        float: left;
    982982}
    983983
    984 #minor-publishing .ajax-loading {
    985         padding: 3px 0 0 4px;
    986         float: left;
    987 }
    988 
    989984.preview {
    990985        float: right;
    991986}
     
    81198114.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
    81208115        margin-left: 8em;
    81218116}
     8117
     8118
     8119/* Spinner GIF Replacement */
     8120
     8121.spinner {
     8122                background: url('../images/wpspin_light.png') no-repeat;
     8123                width: 16px;
     8124                height: 16px;
     8125                -webkit-animation: spinner 0.7s infinite linear;
     8126                -moz-animation: spinner 0.7s infinite linear;
     8127                -o-animation: spinner 0.7s infinite linear;
     8128                -ms-animation: spinner 0.7s infinite linear;
     8129        //      display: none;
     8130                float: right;
     8131        }
     8132       
     8133.spinner.waiting{
     8134        vertical-align: middle;
     8135        float: right;
     8136        margin: 2px;
     8137}       
     8138
     8139#customize-header-actions .spinner{
     8140        position: relative;
     8141        top:13px;
     8142        left:-2px;
     8143}
     8144
     8145#wpcontent .ajax-loading{
     8146        margin-top: 3px;
     8147        margin-left: 2px;
     8148}
     8149
     8150#publishing-action .ajax-loading.spinner,#minor-publishing-actions .ajax-loading.spinner{
     8151        float:left;
     8152        margin-right: 2px;
     8153}
     8154
     8155.sidebar-name .ajax-feedback{
     8156        margin-right: -10px;
     8157        }
     8158       
     8159@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
     8160        .spinner {
     8161                background-image: url('../images/wpspin_light-2x.png');
     8162                background-size: 16px 16px;
     8163        }
     8164}
     8165@-webkit-keyframes spinner {
     8166        0% { -webkit-transform: rotate(0deg);}
     8167        100% { -webkit-transform: rotate(360deg);}
     8168}
     8169@-moz-keyframes spinner {
     8170        0% { -moz-transform: rotate(0deg);}
     8171        100% { -moz-transform: rotate(360deg);}
     8172}
     8173@-o-keyframes spinner {
     8174        0% { -o-transform: rotate(0deg);}
     8175        100% { -o-transform: rotate(360deg);}
     8176}
     8177@-ms-keyframes spinner {
     8178        0% { -ms-transform: rotate(0deg);}
     8179        100% { -ms-transform: rotate(360deg);}
     8180}
     8181@keyframes spinner {
     8182        0% { transform: rotate(0deg);}
     8183        100% { transform: rotate(360deg);}
     8184}
     8185 No newline at end of file
  • wp-admin/widgets.php

     
    360360                        <div class="sidebar-name">
    361361                                <div class="sidebar-name-arrow"><br /></div>
    362362                                <h3><?php echo esc_html( $registered_sidebar['name'] ); ?>
    363                                         <span><img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-feedback" title="" alt="" /></span>
     363                                        <span><div class='spinner ajax-feedback'></div></span>
     364
    364365                                </h3>
    365366                        </div>
    366367                        <div class="widget-holder inactive">
     
    395396        <div class="sidebar-name">
    396397        <div class="sidebar-name-arrow"><br /></div>
    397398        <h3><?php echo esc_html( $registered_sidebar['name'] ); ?>
    398         <span><img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-feedback" title="" alt="" /></span></h3></div>
     399        <span><div class='spinner ajax-feedback'></div></span></h3></div>
     400
    399401        <?php wp_list_widget_controls( $sidebar ); // Show the control forms for each of the widgets in this sidebar ?>
    400402        </div>
    401403<?php