library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Spinner: corrected a bug in functional demo (enable/disable switched) and added spinner styles to the default theme.

Browse Source
This commit is contained in:
Ca-Phun Ung 2008-09-02 07:31:21 +00:00
parent ef599c7225
commit 1e59121b1e
3 changed files with 871 additions and 811 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
demos/functional/templates/ui.spinner.html
View File

@ -19,8 +19,8 @@
{ desc: 'Big stepping', source: '$("#spinner").spinner({stepping:100});' },
{ desc: 'Currency option', source: '$("#spinner").spinner({currency:"$"});' },
{ desc: 'Disable incremental option', source: '$("#spinner").spinner({incremental:false});' },
{ desc: 'Enable the spinner', source: '$("#spinner").spinner().spinner("disable");' },
{ desc: 'Disable the spinner', source: '$("#spinner").spinner().spinner("enable");' }
{ desc: 'Disable the spinner', source: '$("#spinner").spinner().spinner("disable");' },
{ desc: 'Enable the spinner', source: '$("#spinner").spinner().spinner("enable");' }
]
}

BIN
themes/default/images/spinner-bg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 218 B

60
themes/default/ui.all.css
View File

@ -807,3 +807,63 @@ Generic ThemeRoller Classes
/* Note: for resizable styles, use the styles listed above in the dialog section */
/* UI Spinner */
.ui-spinner {
width: 15em;
display: block;
position: relative;
overflow: hidden;
border: 1px solid #999;
background: #FEFEFE url(./images/spinner-bg.gif) repeat-x left bottom;
padding: 0 5px;
}
.ui-spinner-disabled {
background: #F4F4F4;
color: #CCC;
}
.ui-spinner-box {
width: 90%;
height: 100%;
float: left;
font-size: 125%;
border: none;
background: none;
padding: 0;
}
.ui-spinner-up,
.ui-spinner-down {
width: 10%;
height: 50%;
font-size: 0.5em;
padding: 0;
margin: 0;
z-index: 100;
text-align: center;
vertical-align: middle;
position: absolute;
right: 0;
cursor: default;
border: 1px solid #999;
border-right: none;
border-top: none;
}
.ui-spinner-down {
bottom: 0;
border-bottom: 0;
}
.ui-spinner-pressed {
background: #FEFEFE;
}
.ui-spinner-list,
.ui-spinner-listitem {
margin: 0;
padding: 0;
}