This is an automated email from the ASF dual-hosted git repository. carlosrovira pushed a commit to branch develop in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push: new 31defd1 fix flickering in safari 31defd1 is described below commit 31defd15885314d81bd108e34eb683136be8e4f7 Author: Carlos Rovira <carlosrov...@apache.org> AuthorDate: Thu Apr 12 15:45:26 2018 +0200 fix flickering in safari --- .../apache/royale/jewel/beads/controllers/SliderMouseController.as | 4 ++-- frameworks/themes/JewelTheme/src/main/resources/defaults.css | 4 ++-- .../themes/JewelTheme/src/main/sass/components-primary/_slider.sass | 5 +++-- 3 files changed, 7 insertions(+), 6 deletions(-) diff --git a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/SliderMouseController.as b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/SliderMouseController.as index 337b26f..59f53d8 100644 --- a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/SliderMouseController.as +++ b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/SliderMouseController.as @@ -160,8 +160,8 @@ package org.apache.royale.jewel.beads.controllers { var barsize:Number = (rangeModel.value - rangeModel.minimum) / (rangeModel.maximum - rangeModel.minimum); - SliderView(sliderView).sliderTrackFill.style.flex = "" + barsize; - SliderView(sliderView).sliderTrack.style.flex = "" + ( 1 - barsize ); + SliderView(sliderView).sliderTrack.style.flex = ( 1 - barsize ).toString(); + SliderView(sliderView).sliderTrackFill.style.flex = barsize.toString(); } diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css b/frameworks/themes/JewelTheme/src/main/resources/defaults.css index 50d27fe..496d598 100644 --- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css +++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css @@ -391,7 +391,7 @@ j|Alert { border-radius: 50%; } .jewel.slider input:active::-webkit-slider-thumb, .jewel.slider input:active::-moz-range-thumb { - transform: scale(1.5); + transform: scale(1.4); } .jewel.slider input:focus { outline: none; @@ -419,7 +419,7 @@ j|Alert { position: absolute; display: flex; overflow: hidden; - transform: translate(0, -2px); + transform: translate(0, -2.5px); margin: 0 29px; padding: 0; top: 50%; diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_slider.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_slider.sass index dc408df..cc15d54 100644 --- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_slider.sass +++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_slider.sass @@ -65,6 +65,7 @@ $slider-container-height: #{$slider-thumb-size + round($slider-thumb-size/2)} +appear(none) width: $slider-thumb-size height: $slider-thumb-size + //overflow: visible @if $flat background: $primary-color border: 0 @@ -82,7 +83,7 @@ $slider-container-height: #{$slider-thumb-size + round($slider-thumb-size/2)} // box-shadow: 0 0 0 10px rgba($primary-color, 0.26) &:active::-webkit-slider-thumb, &:active::-moz-range-thumb - transform: scale(1.5) + transform: scale(1.4) &:focus outline: none @@ -111,7 +112,7 @@ $slider-container-height: #{$slider-thumb-size + round($slider-thumb-size/2)} display: flex overflow: hidden - transform: translate(0, -2px) + transform: translate(0, -2.5px) margin: 0 #{ $slider-margin + round($slider-thumb-size/2) } padding: 0 -- To stop receiving notification emails like this one, please contact carlosrov...@apache.org.