Autocomplete combobox demo: Add combobox-specific classes for styling. Fixes #8322 - Autocomplete: Combobox demo should not override .ui-button styles.

(cherry picked from commit 1b19121189)

Conflicts:

	demos/autocomplete/combobox.html
This commit is contained in:
Scott González 2012-05-14 21:40:12 -04:00
parent 0cbfb2ff70
commit 637d102e59

View File

@ -16,7 +16,7 @@
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
.ui-button { .ui-combobox-toggle {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
@ -26,7 +26,7 @@
*height: 1.7em; *height: 1.7em;
*top: 0.1em; *top: 0.1em;
} }
.ui-autocomplete-input { .ui-combobox-input {
margin: 0; margin: 0;
padding: 0.3em; padding: 0.3em;
} }
@ -47,7 +47,7 @@
input = $( "<input>" ) input = $( "<input>" )
.appendTo( wrapper ) .appendTo( wrapper )
.val( value ) .val( value )
.addClass( "ui-state-default" ) .addClass( "ui-state-default ui-combobox-input" )
.autocomplete({ .autocomplete({
delay: 0, delay: 0,
minLength: 0, minLength: 0,
@ -114,7 +114,7 @@
text: false text: false
}) })
.removeClass( "ui-corner-all" ) .removeClass( "ui-corner-all" )
.addClass( "ui-corner-right ui-button-icon" ) .addClass( "ui-corner-right ui-combobox-toggle" )
.click(function() { .click(function() {
// close if already visible // close if already visible
if ( input.autocomplete( "widget" ).is( ":visible" ) ) { if ( input.autocomplete( "widget" ).is( ":visible" ) ) {