Site/user autocomplete fixes.

* Lengthen the inputs in the Right Now network dashboard widget
* Border around the whole autocomplete widget/list
* Handle long strings
* Remove some CSS color cruft from the main stylesheet and de-dupe the JS closures for open/close callbacks.

Props helenyhou
fixes #20584


git-svn-id: http://core.svn.wordpress.org/trunk@20984 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryan 2012-06-04 14:50:50 +00:00
parent 55958522c1
commit fcd2923953
4 changed files with 32 additions and 26 deletions

View File

@ -889,28 +889,21 @@ ul#add-to-blog-users {
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-top: none;
background-color: #efefef;
border-color: #bbb;
} }
.ui-autocomplete li { .ui-autocomplete li {
margin-bottom: 0; margin-bottom: 0;
white-space: nowrap; white-space: nowrap;
text-align: left; text-align: left;
color: #101010;
} }
.ui-autocomplete li a { .ui-autocomplete li a {
display: block; display: block;
height: 100%; height: 100%;
padding: 4px 10px; padding: 4px 10px;
color: #333;
} }
.ui-autocomplete li a.ui-state-hover { .ui-autocomplete li a.ui-state-hover {
background-color: #ddd;
cursor: pointer; cursor: pointer;
} }

View File

@ -444,14 +444,14 @@ function wp_network_dashboard_right_now() {
<form name="searchform" action="<?php echo network_admin_url('users.php'); ?>" method="get"> <form name="searchform" action="<?php echo network_admin_url('users.php'); ?>" method="get">
<p> <p>
<input type="search" name="s" value="" size="17" id="all-user-search-input" /> <input type="search" name="s" value="" size="30" id="all-user-search-input" />
<?php submit_button( __( 'Search Users' ), 'button', 'submit', false, array( 'id' => 'submit_users' ) ); ?> <?php submit_button( __( 'Search Users' ), 'button', 'submit', false, array( 'id' => 'submit_users' ) ); ?>
</p> </p>
</form> </form>
<form name="searchform" action="<?php echo network_admin_url('sites.php'); ?>" method="get"> <form name="searchform" action="<?php echo network_admin_url('sites.php'); ?>" method="get">
<p> <p>
<input type="search" name="s" value="" size="17" id="site-search-input" /> <input type="search" name="s" value="" size="30" id="site-search-input" />
<?php submit_button( __( 'Search Sites' ), 'button', 'submit', false, array( 'id' => 'submit_sites' ) ); ?> <?php submit_button( __( 'Search Sites' ), 'button', 'submit', false, array( 'id' => 'submit_sites' ) ); ?>
</p> </p>
</form> </form>

View File

@ -1,9 +1,11 @@
jQuery( function($) { jQuery( function($) {
var isRTL = !! ( 'undefined' != typeof isRtl && isRtl );
$( '#site-search-input' ).autocomplete({ $( '#site-search-input' ).autocomplete({
source: ajaxurl + '?action=autocomplete-site', source: ajaxurl + '?action=autocomplete-site',
delay: 500, delay: 500,
minLength: 2, minLength: 2,
open: function(e, ui) { $(this).addClass('open'); }, position: isRTL ? { my: 'right top', at: 'right bottom', offset: '0, -1' } : { offset: '0, -1' },
close: function(e, ui) { $(this).removeClass('open'); } open: function(e, ui) { $(this).addClass('open'); },
close: function(e, ui) { $(this).removeClass('open'); }
}); });
}); });

View File

@ -1,27 +1,38 @@
jQuery( function($) { jQuery( function($) {
var id = typeof( current_site_id ) != 'undefined' ? '&site_id=' + current_site_id : ''; var id = typeof( current_site_id ) != 'undefined' ? '&site_id=' + current_site_id : '',
isRTL = !! ( 'undefined' != typeof isRtl && isRtl ),
position = isRTL ? { my: 'right top', at: 'right bottom', offset: '0, -1' } : { offset: '0, -1' },
open = function(e, ui) {
$(this).addClass('open');
},
close = function(e, ui) {
$(this).removeClass('open');
};
$( '#adduser-email, #newuser' ).autocomplete({ $( '#adduser-email, #newuser' ).autocomplete({
source: ajaxurl + '?action=autocomplete-user&autocomplete_type=add' + id, source: ajaxurl + '?action=autocomplete-user&autocomplete_type=add' + id,
delay: 500, delay: 500,
minLength: 2, minLength: 2,
open: function(e, ui) { $(this).addClass('open'); }, position: position,
close: function(e, ui) { $(this).removeClass('open'); } open: open,
close: close
}); });
$( '#user-search-input' ).autocomplete({ $( '#user-search-input' ).autocomplete({
source: ajaxurl + '?action=autocomplete-user&autocomplete_type=search' + id, source: ajaxurl + '?action=autocomplete-user&autocomplete_type=search' + id,
delay: 500, delay: 500,
minLength: 2, minLength: 2,
open: function(e, ui) { $(this).addClass('open'); }, position: position,
close: function(e, ui) { $(this).removeClass('open'); } open: open,
close: close
}); });
$( '#all-user-search-input' ).autocomplete({ $( '#all-user-search-input' ).autocomplete({
source: ajaxurl + '?action=autocomplete-user&autocomplete_type=search-all' + id, source: ajaxurl + '?action=autocomplete-user&autocomplete_type=search-all' + id,
delay: 500, delay: 500,
minLength: 2, minLength: 2,
open: function(e, ui) { $(this).addClass('open'); }, position: position,
close: function(e, ui) { $(this).removeClass('open'); } open: open,
close: close
}); });
}); });