library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-10-05 01:44:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updated #3650: noted that "ui-slider-horizontal" class is on hz slider

Browse Source 
css change: slider handles are centered over range start and end points
This commit is contained in:
Maggie Costello Wachs 2008-12-12 15:53:54 +00:00
parent f92e8b8110
commit 5fd947366b
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
tests/static/slider.html
View File

@ -12,7 +12,7 @@
<body style="font-size: 62.5%;">
<!-- Slider: horizontal -->
<div class="ui-slider ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 15%;"></a>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 30%;"></a>
<div class="ui-slider-range ui-state-default" style="left: 15%; width: 15%;"></div>

4
themes/base/ui.slider.css
View File

@ -1,9 +1,9 @@
/* Slider
----------------------------------*/
.ui-slider { height: .8em; position: relative; }
.ui-slider-handle { position: absolute; z-index: 2; top: -.3em; width: 1.2em; height: 1.2em; }
.ui-slider-handle { position: absolute; z-index: 2; top: -.3em; width: 1.2em; height: 1.2em; margin-left:-.6em; }
.ui-slider-range { position: relative; z-index: 1; top: 0; height: 100%; font-size:1%; display:block; border:0; opacity:.7; filter:Alpha(Opacity=70); }
.ui-slider-vertical { height: auto; width: .8em; }
.ui-slider-vertical .ui-slider-handle { top: auto; left: -.3em; }
.ui-slider-vertical .ui-slider-handle { top: auto; left: -.3em; margin-left:0; margin-top:-.6em; }
.ui-slider-vertical .ui-slider-range { top: auto; left: 0; height: auto; width:100%; }