WordPress.org

Make WordPress Core

Ticket #21456: hidpi-spinner.diff

File hidpi-spinner.diff, 19.2 KB (added by alternatekev, 20 months 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