diff options
| author | Sam Potts <sam@potts.es> | 2018-07-29 12:32:26 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2018-07-29 12:32:26 +1000 |
| commit | 3a8332bdb30e1f64047a0f8a3e60647f0473301b (patch) | |
| tree | 99f74d02f42205c7b25932ccaf5eefda4a13bea6 /src | |
| parent | 53a3d061038bd39628d3a47ca787311b2b36c496 (diff) | |
| download | plyr-3a8332bdb30e1f64047a0f8a3e60647f0473301b.tar.lz plyr-3a8332bdb30e1f64047a0f8a3e60647f0473301b.tar.xz plyr-3a8332bdb30e1f64047a0f8a3e60647f0473301b.zip | |
Fix for webkit redrawing issue
Diffstat (limited to 'src')
| -rw-r--r-- | src/sass/components/sliders.scss | 18 | ||||
| -rw-r--r-- | src/sass/lib/mixins.scss | 4 |
2 files changed, 16 insertions, 6 deletions
diff --git a/src/sass/components/sliders.scss b/src/sass/components/sliders.scss index b9264b05..ee64271b 100644 --- a/src/sass/components/sliders.scss +++ b/src/sass/components/sliders.scss @@ -19,7 +19,11 @@ &::-webkit-slider-runnable-track { @include plyr-range-track(); - background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); + background-image: linear-gradient( + to right, + currentColor var(--value, 0%), + transparent var(--value, 0%) + ); } &::-webkit-slider-thumb { @@ -140,15 +144,21 @@ // Pressed styles &:active { &::-webkit-slider-thumb { - @include plyr-range-thumb-active($plyr-audio-range-thumb-shadow-color); + @include plyr-range-thumb-active( + $plyr-audio-range-thumb-shadow-color + ); } &::-moz-range-thumb { - @include plyr-range-thumb-active($plyr-audio-range-thumb-shadow-color); + @include plyr-range-thumb-active( + $plyr-audio-range-thumb-shadow-color + ); } &::-ms-thumb { - @include plyr-range-thumb-active($plyr-audio-range-thumb-shadow-color); + @include plyr-range-thumb-active( + $plyr-audio-range-thumb-shadow-color + ); } } } diff --git a/src/sass/lib/mixins.scss b/src/sass/lib/mixins.scss index 7d7d66b0..2aec702c 100644 --- a/src/sass/lib/mixins.scss +++ b/src/sass/lib/mixins.scss @@ -28,7 +28,6 @@ border: 0; border-radius: ($plyr-range-track-height / 2); height: $plyr-range-track-height; - transition: all 0.3s ease; user-select: none; } @@ -45,7 +44,8 @@ } @mixin plyr-range-thumb-active($color: rgba($plyr-range-thumb-bg, 0.5)) { - box-shadow: $plyr-range-thumb-shadow, 0 0 0 $plyr-range-thumb-active-shadow-width $color; + box-shadow: $plyr-range-thumb-shadow, + 0 0 0 $plyr-range-thumb-active-shadow-width $color; } // Fullscreen styles |