library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2025-01-07 20:34:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Changed slider range and progressbar value divs to use ui-widget-header instead of ui-state-default in static pages.

Browse Source 
Two main reasons: our clickable state is misleading on these static elements, and our header state tends to get better contrast over content areas than our buttons do (this is subjective to the theme designer of course).

Scripting should be updated to follow.
This commit is contained in:
Scott Jehl 2008-12-19 15:13:27 +00:00
parent 03f07556bd
commit d5d5204f02
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
tests/static/progressbar.html
View File

@ -12,7 +12,7 @@
<!-- Progressbar -->
<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="13">
<div class="ui-progressbar-value ui-state-default ui-corner-left" style="width:13%;"></div>
<div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width:13%;"></div>
</div>
</body>

4
tests/static/slider.html
View File

@ -17,14 +17,14 @@
<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>
<div class="ui-slider-range ui-widget-header" style="left: 15%; width: 15%;"></div>
</div>
<!-- Slider: vertical -->
<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="top: 15%; height: 45%;"></div>
<div class="ui-slider-range ui-widget-header" style="top: 15%; height: 45%;"></div>
</div>
</body>