r2529 - spinner: quick fix for to support inline spinners
Author: pazu2k@gmail.com
Date: Tue May 12 01:52:01 2009
New Revision: 2529
Modified:
branches/dev/spinner/demos/spinner/list.html
branches/dev/spinner/themes/base/ui.spinner.css
Log:
spinner: quick fix for to support inline spinners
Modified: branches/dev/spinner/demos/spinner/list.html
==============================================================================
--- branches/dev/spinner/demos/spinner/list.html (original)
+++ branches/dev/spinner/demos/spinner/list.html Tue May 12 01:52:01 2009
@@ -10,7 +10,7 @@
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
- $("#items").spinner();
+ $("#items").spinner({width: '10em'});
});
</script>
</head>
@@ -18,7 +18,7 @@
<div class="demo">
-<label for="items">Select an item</label>
+<label for="items">Select an item: </label>
<ul id="items">
<li>item 1</li>
<li>item 2</li>
Modified: branches/dev/spinner/themes/base/ui.spinner.css
==============================================================================
--- branches/dev/spinner/themes/base/ui.spinner.css (original)
+++ branches/dev/spinner/themes/base/ui.spinner.css Tue May 12 01:52:01 2009
@@ -1,9 +1,9 @@
/* Spinner
----------------------------------*/
-.ui-spinner { position:relative; display: block; overflow: hidden;
padding: 0; margin: .4em 0; }
+.ui-spinner { position:relative; display: inline-block; overflow: hidden;
padding: 0; margin: .4em 0; vertical-align: middle; }
.ui-spinner-box { width: 95%; height: 100%; float: left; border: none;
background: none; padding: 0; margin: .2em .4em; }
.ui-spinner-up, .ui-spinner-down { width: 22px; height: 50%;
font-size: .5em; padding: 0; margin: 0; z-index: 100; text-align: center;
vertical-align: middle; position: absolute; right: 0; cursor: default; }
.ui-spinner-down { bottom: 0; border-bottom: 0; }
.ui-spinner .ui-icon { margin: -50% auto; }
-.ui-spinner-list, .ui-spinner-listitem { margin: 0; padding: 0; }
+.ui-spinner-list, .ui-spinner-listitem { margin: 0; padding: 0; display:
block; }
.ui-spinner-list { padding: .4em; }