r1116 - in trunk: tests/static themes/base
Author: fg.maggie
Date: Fri Dec 12 07:53:54 2008
New Revision: 1116
Modified:
trunk/tests/static/slider.html
trunk/themes/base/ui.slider.css
Log:
Updated #3650: noted that "ui-slider-horizontal" class is on hz slider
css change: slider handles are centered over range start and end points
Modified: trunk/tests/static/slider.html
==============================================================================
--- trunk/tests/static/slider.html (original)
+++ trunk/tests/static/slider.html Fri Dec 12 07:53:54 2008
@@ -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>
Modified: trunk/themes/base/ui.slider.css
==============================================================================
--- trunk/themes/base/ui.slider.css (original)
+++ trunk/themes/base/ui.slider.css Fri Dec 12 07:53:54 2008
@@ -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%; }