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 <[email protected]>
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
[email protected].
