]> source.dussan.org Git - jquery-ui.git/commitdiff
Combobox demo: Improved styling and added a title to the button, to avoid having...
authorjzaefferer <joern.zaefferer@gmail.com>
Sat, 20 Mar 2010 21:04:35 +0000 (22:04 +0100)
committerjzaefferer <joern.zaefferer@gmail.com>
Sat, 20 Mar 2010 21:04:35 +0000 (22:04 +0100)
demos/autocomplete/combobox.html

index b0ad46f253986cc737cd53522e4732d48ae46e98..e5dc6c92b1e6c84c6d23a05a51015c871701e464 100644 (file)
        <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <style type="text/css">
-       .ui-autocomplete-input {
-               margin: 0;
-       }
+               /* TODO shouldn't be necessary */
+               .ui-button { margin-left: -1px; }
+               .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
+               .ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
        </style>
        <script type="text/javascript">
        (function($) {
@@ -55,6 +56,7 @@
                                        })
                                        .addClass("ui-widget ui-widget-content ui-corner-left");
                                $("<button>&nbsp;</button>")
+                               .attr("title", "Show All Items")
                                .insertAfter(input)
                                .button({
                                        icons: {
                $("select").combobox();
        });
        </script>
-       <style>
-               /* TODO shouldn't be necessary */
-               .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
-               .ui-autocomplete-input { padding: 0.48em 0 0.47em 0.45em; }
-       </style>
 </head>
 <body>