New HiDPI spinner. Uses clean <span class="spinner"></span> markup.

Be on the lookout for weirdness.
props lessbloat. see #21456.



git-svn-id: https://develop.svn.wordpress.org/trunk@22019 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin
2012-09-26 19:57:44 +00:00
parent 119bd9f50a
commit e82d5080b8
35 changed files with 192 additions and 127 deletions
+7 -7
View File
@@ -707,9 +707,9 @@ final class _WP_Editors {
</div></div>
<div id="wp-fullscreen-save">
<span><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
<img src="<?php echo admin_url('images/wpspin_light.gif'); ?>" alt="" />
<input type="button" class="button-primary" value="<?php echo $save; ?>" onclick="fullscreen.save();" />
<input type="button" class="button-primary right" value="<?php echo $save; ?>" onclick="fullscreen.save();" />
<span class="spinner"></span>
<span class="fs-saved"><?php if ( $post->post_status == 'publish' ) _e('Updated.'); else _e('Saved.'); ?></span>
</div>
</div>
@@ -822,22 +822,22 @@ final class _WP_Editors {
<div id="search-panel"<?php if ( ! $show_internal ) echo ' style="display:none"'; ?>>
<div class="link-search-wrapper">
<label>
<span><?php _e( 'Search' ); ?></span>
<span class="search-label"><?php _e( 'Search' ); ?></span>
<input type="search" id="search-field" class="link-search-field" autocomplete="off" />
<img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
<span class="spinner"></span>
</label>
</div>
<div id="search-results" class="query-results">
<ul></ul>
<div class="river-waiting">
<img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
<span class="spinner"></span>
</div>
</div>
<div id="most-recent-results" class="query-results">
<div class="query-notice"><em><?php _e( 'No search term specified. Showing recent items.' ); ?></em></div>
<ul></ul>
<div class="river-waiting">
<img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
<span class="spinner"></span>
</div>
</div>
</div>
+9 -4
View File
@@ -1296,13 +1296,18 @@ html[dir="rtl"] .wp-switch-editor {
margin-top: 5px;
}
#wp-link label span {
#wp-link label span.search-label {
display: inline-block;
width: 80px;
text-align: right;
padding-right: 5px;
}
#wp-link .link-search-field {
float: left;
margin-right: 5px;
}
#wp-link .link-search-wrapper {
margin: 5px 6px 9px;
display: block;
@@ -1319,8 +1324,8 @@ html[dir="rtl"] .wp-switch-editor {
width: 220px;
}
#wp-link .link-search-wrapper img.waiting {
margin: 0;
#wp-link .link-search-wrapper .spinner {
margin: 4px 2px 0 0;
display: none;
vertical-align: text-bottom;
}
@@ -1405,7 +1410,7 @@ html[dir="rtl"] .wp-switch-editor {
padding: 10px 0;
}
#wp-link .river-waiting img.waiting {
#wp-link .river-waiting .spinner {
margin: 0 auto;
display: block;
}
+3 -3
View File
@@ -22,9 +22,9 @@ jQuery(document).ready( function($) {
t.addClass('button-disabled');
});
if ( $(this).attr('id') == 'publish' )
$('#ajax-loading').css('visibility', 'visible');
$('#major-publishing-actions .spinner').show();
else
$('#draft-ajax-loading').css('visibility', 'visible');
$('#minor-publishing .spinner').show();
});
window.onbeforeunload = function(){
@@ -230,7 +230,7 @@ function autosave_enable_buttons() {
// delay that a bit to avoid some rare collisions while the DOM is being updated.
setTimeout(function(){
jQuery(':button, :submit', '#submitpost').removeAttr('disabled');
jQuery('.ajax-loading').css('visibility', 'hidden');
jQuery('.spinner').hide();
}, 500);
}
+1 -1
View File
@@ -303,7 +303,7 @@ var wpLink;
return;
wpLink.lastSearch = search;
waiting = t.parent().find('img.waiting').show();
waiting = t.parent().find('.spinner').show();
rivers.search.change( search );
rivers.search.ajax( function(){ waiting.hide(); });