golem
/
twentyGOLEM
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Styling and RTL style fixes for user/site autocomplete. Props ocean90, helenyhou. fixes #20584 

git-svn-id: http://core.svn.wordpress.org/trunk@20705 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryan 2012-05-02 21:33:43 +00:00
parent c64ed056ac
commit de86b02f42
6 changed files with 75 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
wp-admin/css/colors-classic.dev.css
View File

@ -48,6 +48,22 @@ select {
color: #000; color: #000;
} }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus {
border-color: #d1e5ee;
}
kbd, kbd,
code { code {
background: #eaeaea; background: #eaeaea;
@ -76,7 +92,8 @@ a.page-numbers:hover {
body, body,
#wpbody, #wpbody,
.form-table .pre { .form-table .pre,
.ui-autocomplete li a {
color: #333; color: #333;
} }
@ -315,6 +332,15 @@ td.help {
color: #9a9a9a; color: #9a9a9a;
} }
.ui-autocomplete {
background-color: #eff8ff;
border-color: #d1e5ee;
}
.ui-autocomplete li a.ui-state-hover {
background-color: #def1ff;
}
.post-com-count { .post-com-count {
background-image: url(../images/bubble_bg.gif); background-image: url(../images/bubble_bg.gif);
color: #fff; color: #fff;

12
wp-admin/css/colors-fresh.dev.css
View File

@ -87,7 +87,8 @@ a.page-numbers:hover {
body, body,
#wpbody, #wpbody,
.form-table .pre { .form-table .pre,
.ui-autocomplete li a {
color: #333; color: #333;
} }
@ -322,6 +323,15 @@ td.help {
color: #9a9a9a; color: #9a9a9a;
} }
.ui-autocomplete {
background-color: #efefef;
border-color: #bbb;
}
.ui-autocomplete li a.ui-state-hover {
background-color: #ddd;
}
.post-com-count { .post-com-count {
background-image: url(../images/bubble_bg.gif); background-image: url(../images/bubble_bg.gif);
color: #fff; color: #fff;

12
wp-admin/css/wp-admin-rtl.dev.css
View File

@ -117,6 +117,18 @@ input[type=password] {
direction: ltr; direction: ltr;
} }
input[type="text"].ui-autocomplete-loading {
background: transparent url('../images/loading.gif') no-repeat left center;
}
ul#add-to-blog-users {
margin: 0 14px 0 0;
}
.ui-autocomplete li {
text-align: right;
}
/*------------------------------------------------------------------------------ /*------------------------------------------------------------------------------
3.0 - Actions 3.0 - Actions
------------------------------------------------------------------------------*/ ------------------------------------------------------------------------------*/

18
wp-admin/css/wp-admin.dev.css
View File

@ -874,21 +874,29 @@ ul#add-to-blog-users {
margin: 0 0 0 14px; margin: 0 0 0 14px;
} }
.ui-autocomplete-input.open {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.ui-autocomplete { .ui-autocomplete {
padding: 0; padding: 0;
margin: 0; margin: 0;
list-style: none; list-style: none;
position: absolute; position: absolute;
z-index: 10000; z-index: 10000;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-top: none;
background-color: #ececec; background-color: #efefef;
border-color: gray; border-color: #bbb;
} }
.ui-autocomplete li { .ui-autocomplete li {
padding: 2px 5px; margin-bottom: 0;
white-space: nowrap; white-space: nowrap;
text-align: left; text-align: left;
color: #101010; color: #101010;
@ -897,12 +905,12 @@ ul#add-to-blog-users {
.ui-autocomplete li a { .ui-autocomplete li a {
display: block; display: block;
height: 100%; height: 100%;
padding: 2px 5px; padding: 4px 10px;
color: #333; color: #333;
} }
.ui-autocomplete li a.ui-state-hover { .ui-autocomplete li a.ui-state-hover {
background-color: #f0f0b8; background-color: #ddd;
cursor: pointer; cursor: pointer;
} }

4
wp-admin/js/site-search.dev.js
View File

@ -2,6 +2,8 @@ jQuery( function($) {
$( '#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'); },
close: function(e, ui) { $(this).removeClass('open'); }
}); });
}); });

12
wp-admin/js/user-search.dev.js
View File

@ -4,18 +4,24 @@ jQuery( function($) {
$( '#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'); },
close: function(e, ui) { $(this).removeClass('open'); }
}); });
$( '#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'); },
close: function(e, ui) { $(this).removeClass('open'); }
}); });
$( '#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'); },
close: function(e, ui) { $(this).removeClass('open'); }
}); });
}); });