Skip to content
Permalink
Browse files

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

css change: slider handles are centered over range start and end points
  • Loading branch information
Maggie Costello Wachs
Maggie Costello Wachs committed Dec 12, 2008
1 parent f92e8b8 commit 5fd947366bb4e8532c7cd07c9fb9bc2b6a7fe9d7
Showing with 3 additions and 3 deletions.
  1. +1 −1 tests/static/slider.html
  2. +2 −2 themes/base/ui.slider.css
@@ -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>
@@ -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%; }

0 comments on commit 5fd9473

Please sign in to comment.
You can’t perform that action at this time.