/* Spinner\r
----------------------------------*/\r
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; height: 1.8em; }\r
-.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; }\r
-.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; z-index: 100; text-align: center; vertical-align: middle; position: absolute; cursor: default; display: block; overflow: hidden; }\r
-.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; } /* more specificity required here to overide default borders */\r
+.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; float: left; margin-left: .4em; margin-right: 22px; }\r
+.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; z-index: 100; text-align: center; vertical-align: middle; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }\r
+.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */\r
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */\r
.ui-spinner-up { top: 0; }\r
.ui-spinner-down { bottom: 0; }\r
\r
-/* ltr (default) */\r
-.ui-spinner-ltr { direction: ltr; }\r
-.ui-spinner-ltr .ui-spinner-input { float: left; margin-left: .4em; margin-right: 22px; }\r
-.ui-spinner-ltr .ui-spinner-button { right: 0; }\r
-.ui-spinner-ltr a.ui-spinner-button { border-right: none; }\r
-\r
-/* rtl */\r
-.ui-spinner-rtl { direction: rtl; }\r
-.ui-spinner-rtl .ui-spinner-input { float: right; margin-left: 22px; margin-right: .4em; }\r
-.ui-spinner-rtl .ui-spinner-button { left: 0; }\r
-.ui-spinner-rtl a.ui-spinner-button { border-left: none; }\r
-\r
/* TR overrides */\r
div.ui-spinner { background: none; }\r
\r
$.widget('ui.spinner', {\r
options: {\r
- dir: 'ltr',\r
incremental: true,\r
max: Number.MAX_VALUE,\r
min: -Number.MAX_VALUE,\r
self.uiSpinner = uiSpinner;\r
},\r
_uiSpinnerHtml: function() {\r
- return '<div role="spinbutton" class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all ui-spinner-' + this.options.dir + '"></div>';\r
+ return '<div role="spinbutton" class="ui-spinner ui-state-default ui-widget ui-widget-content ui-corner-all"></div>';\r
},\r
_buttonHtml: function() {\r
- return '<a class="ui-spinner-button ui-spinner-up ui-corner-t' + this.options.dir.substr(-1,1) + \r
- '"><span class="ui-icon ui-icon-triangle-1-n">▲</span></a>' +\r
- '<a class="ui-spinner-button ui-spinner-down ui-corner-b' + this.options.dir.substr(-1,1) + \r
- '"><span class="ui-icon ui-icon-triangle-1-s">▼</span></a>';\r
+ return '<a class="ui-spinner-button ui-spinner-up ui-corner-tr"><span class="ui-icon ui-icon-triangle-1-n">▲</span></a>' +\r
+ '<a class="ui-spinner-button ui-spinner-down ui-corner-br"><span class="ui-icon ui-icon-triangle-1-s">▼</span></a>';\r
},\r
_start: function(event) {\r
if (!this.spinning && this._trigger('start', event, { value: this.value()}) !== false) {\r