r3382 committed - autocomplete, combobox: slightly improved button positioning

r3382 committed - autocomplete, combobox: slightly improved button positioning


Revision: 3382
Author: joern.zaefferer
Date: Thu Oct 22 12:08:24 2009
Log: autocomplete, combobox: slightly improved button positioning
http://code.google.com/p/jquery-ui/source/detail?r=3382
Modified:
/branches/dev/tests/visual/autocomplete/combobox.html
=======================================
--- /branches/dev/tests/visual/autocomplete/combobox.html    Thu Oct 22
11:54:28 2009
+++ /branches/dev/tests/visual/autocomplete/combobox.html    Thu Oct 22
12:08:24 2009
@@ -47,17 +47,21 @@
                    },
                    minLength: 0
                });
-                $("<button/>")
-                .html('<span class="ui-icon ui-icon-triangle-1-s"/>')
+                $("<button>&nbsp;</button>")
                .insertAfter(input)
-                .button().removeClass("ui-corner-all")
+                .button({
+                    icons: {
+                        primary: "ui-icon-triangle-1-s"
+                    },
+                    text: false
+                }).removeClass("ui-corner-all")
                .addClass("ui-corner-right ui-button-icon")
                .position({
                    my: "left center",
                    at: "right center",
                    of: input,
                    offset: "-1 0"
-                })
+                }).css("top", "")
                .click(function() {
                    // close if already visible
                    if (input.autocomplete("widget").is(":visible")) {
@@ -95,7 +99,11 @@
        $("input").focus();
    });
    </script>
-    <style>body { font-size:62.5%; }</style>
+    <style>
+        body { font-size:62.5%; }
+        /* shouldn't be necessary */
+        .ui-button-icon-only .ui-button-text { padding: 0; }
+    </style>
</head>
<body>