]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: f92e8b8)
Updated #3650: noted that "ui-slider-horizontal" class is on hz slider
authorMaggie Costello Wachs <fg.maggie@gmail.com>
Fri, 12 Dec 2008 15:53:54 +0000 (15:53 +0000)
committerMaggie Costello Wachs <fg.maggie@gmail.com>
Fri, 12 Dec 2008 15:53:54 +0000 (15:53 +0000)
css change: slider handles are centered over range start and end points

tests/static/slider.html patch | blob | history
themes/base/ui.slider.css patch | blob | history

diff --git a/tests/static/slider.html b/tests/static/slider.html
index d38dad77e6691e8c89971f2d95a40ae1a7875d25..155c2d98025fbafa964d930c31ca07400a1044e5 100644 (file)
--- a/tests/static/slider.html
+++ b/tests/static/slider.html
@@ -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>
diff --git a/themes/base/ui.slider.css b/themes/base/ui.slider.css
index 4f434bd3e42176690b3966390ef6077735ba7f1a..a8f7867b053b9996274342620720bc8c21e30551 100644 (file)
--- a/themes/base/ui.slider.css
+++ b/themes/base/ui.slider.css
@@ -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%; }
\ No newline at end of file
The official jQuery user interface library: https://github.com/jquery/jquery-ui