r3530 committed - buttons visual test: seperate inputs and anchors; button theme: add de...
Revision: 3530
Author: joern.zaefferer
Date: Wed Dec 23 10:50:45 2009
Log: buttons visual test: seperate inputs and anchors; button theme: add
default padding for input.ui-button, no icon support there
http://code.google.com/p/jquery-ui/source/detail?r=3530
Modified:
/branches/dev/tests/visual/button/default.html
/branches/dev/themes/base/ui.button.css
=======================================
--- /branches/dev/tests/visual/button/default.html Wed Dec 23 10:32:28 2009
+++ /branches/dev/tests/visual/button/default.html Wed Dec 23 10:50:45 2009
@@ -13,7 +13,7 @@
<script type="text/javascript"
src="../../../ui/jquery.ui.tooltip.js"></script>
<script type="text/javascript">
$(function() {
- var selection = $("#push button, #ops1, #ops2, #format, #radio, #mode,
#toggle, #others");
+ var selection = $("#push button, #ops1, #ops2, #format, #radio, #mode,
#toggle, #inputs, #anchors");
selection.click(function(event) {
$("<div/>").text("Clicked " + $(event.target).text() + " (#" +
event.target.id + ")").appendTo("#log");
@@ -87,10 +87,16 @@
</span>
</div>
-<div id="others" style="margin-top: 2em;">
+<div id="inputs" style="margin-top: 2em;">
<input type="submit" value="Submit button" />
<input type="reset" value="Reset button" />
- <a href="#">Anchor</a>
+</div>
+
+<div id="anchors" style="margin-top: 2em;">
+ <a href="#">Anchor 1</a>
+ <a href="#"
class="{button:{icons:{primary:'ui-icon-print'},text:false}}">Anchor 2</a>
+ <a href="#"
class="{button:{icons:{primary:'ui-icon-mail-closed'},text:false}}">Anchor
3</a>
+ <a href="#">Anchor 4</a>
</div>
<div style="margin-top: 2em;">
=======================================
--- /branches/dev/themes/base/ui.button.css Thu Oct 1 12:43:42 2009
+++ /branches/dev/themes/base/ui.button.css Wed Dec 23 10:50:45 2009
@@ -13,6 +13,8 @@
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text
{
padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text
{
padding: .4em 1em .4em 1.8em; }
.ui-button-text-icons .ui-button-text { padding-right: 1.8em; }
+/* no icon support for input elements, provide padding by default */
+input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon
{
position: absolute; top: 50%; margin-top: -8px; }
--