github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-04-20 03:02:41 -04:00
Code Issues Packages Projects Releases Wiki Activity

updated #3650: noted that inline position style should be removed from range element (ui-slider-range)

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

ui.core.css - fixed clearfix class to work in IE7, Opera
This commit is contained in:
Maggie Costello Wachs
2008-12-11 17:46:29 +00:00
parent a7dae90eff
commit 4c83fcc777
3 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
tests/static/slider.html
View File

@@ -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>

10
themes/base/ui.core.css
View File

@@ -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); }

7
themes/base/ui.slider.css
View File

@@ -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%; }