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

This commit is contained in:
Scott González 2012-05-14 21:38:30 -04:00
parent 6b1fea9bab
commit 1b19121189

View File

@ -18,7 +18,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;
@ -28,7 +28,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;
} }
@ -75,7 +75,7 @@
.appendTo( wrapper ) .appendTo( wrapper )
.val( value ) .val( value )
.attr( "title", "" ) .attr( "title", "" )
.addClass( "ui-state-default" ) .addClass( "ui-state-default ui-combobox-input" )
.autocomplete({ .autocomplete({
delay: 0, delay: 0,
minLength: 0, minLength: 0,
@ -128,7 +128,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" ) ) {