Author: artdaw Date: 2011-02-16 06:21:58 -0500 (Wed, 16 Feb 2011) New Revision: 21685 Modified: trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inputNumberSlider.ecss trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inputNumberSlider.js trunk/ui/input/ui/src/main/templates/inputnumberslider.template.xml Log: RF-10494: Input Number Slider is fixed for IE 7 Modified: trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inputNumberSlider.ecss =================================================================== --- trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inputNumberSlider.ecss 2011-02-16 09:37:03 UTC (rev 21684) +++ trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inputNumberSlider.ecss 2011-02-16 11:21:58 UTC (rev 21685) @@ -91,8 +91,13 @@ text-align: left; /* outline style fix for chrome */ font-size: 0px; + max-width: 100%; } +.rf-insl-hnd-cntr { + min-width: 0; +} + .rf-insl-hnd, .rf-insl-hnd-dis, .rf-insl-dec, .rf-insl-inc, .rf-insl-dec-dis, .rf-insl-inc-dis { display: inline-block; width: 7px; Modified: trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inputNumberSlider.js =================================================================== --- trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inputNumberSlider.js 2011-02-16 09:37:03 UTC (rev 21684) +++ trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inputNumberSlider.js 2011-02-16 11:21:58 UTC (rev 21685) @@ -44,15 +44,15 @@ this.element = jQuery(this.attachToDom()); this.input = this.element.children(".rf-insl-inp-cntr").children(".rf-insl-inp"); this.track = this.element.children(".rf-insl-trc-cntr").children(".rf-insl-trc"); - var handleContainer = this.track.children("span"); - this.handle = handleContainer.children(".rf-insl-hnd, .rf-insl-hnd-dis"); + this.handleContainer = this.track.children("span"); + this.handle = this.handleContainer.children(".rf-insl-hnd, .rf-insl-hnd-dis"); this.tooltip = this.element.children(".rf-insl-tt"); var value = Number(this.input.val()); if (isNaN(value)) { value = this.minValue; } - handleContainer.css("display", "block"); + this.handleContainer.css("display", "block"); this.track.css("padding-right", this.handle.width() + "px"); this.__setValue(value, null, true); @@ -104,7 +104,7 @@ if (value != this.value) { this.input.val(value); var left = 100 * (value - this.minValue) / this.range; - this.handle.css("margin-left", left + "%"); + this.handleContainer.css("padding-left", left + "%"); this.tooltip.text(value); this.tooltip.setPosition(this.handle,{from: 'LT', offset: [0, 5]}); //TODO Seems offset doesn't work now. this.value = value; Modified: trunk/ui/input/ui/src/main/templates/inputnumberslider.template.xml =================================================================== --- trunk/ui/input/ui/src/main/templates/inputnumberslider.template.xml 2011-02-16 09:37:03 UTC (rev 21684) +++ trunk/ui/input/ui/src/main/templates/inputnumberslider.template.xml 2011-02-16 11:21:58 UTC (rev 21685) @@ -56,7 +56,7 @@ <span class="rf-insl-mx">#{component.attributes['maxValue']}</span> </c:if> <span class="rf-insl-trc #{component.attributes['trackClass']}"> - <span> + <span class="rf-insl-hnd-cntr"> <span class="rf-insl-hnd#{component.attributes['disabled'] ? '-dis' : ''} #{component.attributes['handleClass']}" /> </span> </span>