Skip to content
Permalink
Browse files

updated #3650: noted that inline position style should be removed fro…

…m range element (ui-slider-range)

ui.slider.css - added position style, fixed range display issues for IE6

ui.core.css - fixed clearfix class to work in IE7, Opera
  • Loading branch information
Maggie Costello Wachs
Maggie Costello Wachs committed Dec 11, 2008
1 parent a7dae90 commit 4c83fcc777ff52534459aea214a63797e0141391
Showing with 14 additions and 7 deletions.
  1. +2 −2 tests/static/slider.html
  2. +8 −2 themes/base/ui.core.css
  3. +4 −3 themes/base/ui.slider.css
@@ -15,7 +15,7 @@
<div class="ui-slider 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="position: absolute; left: 15%; width: 15%;"></div>
<div class="ui-slider-range ui-state-default" style="left: 15%; width: 15%;"></div>
</div>


@@ -25,7 +25,7 @@
<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" style="height: 100px;">
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 15%;"></a>
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 60%;"></a>
<div class="ui-slider-range ui-state-default" style="position: absolute; top: 15%; height: 45%;"></div>
<div class="ui-slider-range ui-state-default" style="top: 15%; height: 45%;"></div>
</div>


@@ -9,7 +9,13 @@
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; display: block; }
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: inline-block; }

/* DO NOT REMOVE THIS COMMENT - required for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end required block */

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
@@ -1,8 +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-range { height: .8em;position: absolute;border-left: 0;border-right: 0;top: -1px;z-index: 1;opacity:.7;filter:Alpha(Opacity=70); }
.ui-slider-handle { position: absolute; z-index: 2; top: -.3em; width: 1.2em; height: 1.2em; }
.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-range { height: auto; width: .8em; border-left: 1px; border-right: 1px; border-top: 0; border-bottom: 0; top: auto; left: 0; }
.ui-slider-vertical .ui-slider-range { top: auto; left: 0; height: auto; width:100%; }

0 comments on commit 4c83fcc

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