From: Scott Jehl Date: Wed, 18 Feb 2009 15:09:31 +0000 (+0000) Subject: Added a static demo and CSS solution for the common problem that occurs when slider... X-Git-Tag: 1.7~75 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=8a6935c526001f82de6830d5a3ea89e550a21247;p=jquery-ui.git Added a static demo and CSS solution for the common problem that occurs when slider handles collide on the same value. This will fix bug #3467 --- diff --git a/tests/static/slider/slider_horizontal_range_collision.html b/tests/static/slider/slider_horizontal_range_collision.html new file mode 100644 index 000000000..b10dd43b6 --- /dev/null +++ b/tests/static/slider/slider_horizontal_range_collision.html @@ -0,0 +1,20 @@ + + + + Slider Static Test : Slider horizontal range + + + + + + + + +
+
+ + +
+ + + diff --git a/tests/static/slider/slider_vertical_range_collision.html b/tests/static/slider/slider_vertical_range_collision.html new file mode 100644 index 000000000..a9d95c079 --- /dev/null +++ b/tests/static/slider/slider_vertical_range_collision.html @@ -0,0 +1,20 @@ + + + + Slider Static Test : Slider vertical range + + + + + + + + +
+
+ + +
+ + + diff --git a/themes/base/ui.slider.css b/themes/base/ui.slider.css index 98995fecb..191bec987 100644 --- a/themes/base/ui.slider.css +++ b/themes/base/ui.slider.css @@ -6,12 +6,16 @@ .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } +.ui-slider-horizontal-collision .ui-slider-handle { width: .6em; } +.ui-slider-horizontal-collision .ui-corner-right { margin-left:0; border-left: 0; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; position: relative; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } +.ui-slider-vertical-collision .ui-slider-handle { height: .6em; } +.ui-slider-vertical-collision .ui-corner-top { margin-bottom:0; border-bottom: 0; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; position: relative; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } \ No newline at end of file