diff options
| author | Sam Potts <me@sampotts.me> | 2016-01-25 11:25:32 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-01-25 11:25:32 +1100 |
| commit | a327056789603a025ecd5ec546e65914cd7c5bba (patch) | |
| tree | d20f972787c25f88252d1765dd5f075bd6426b70 /src/less | |
| parent | b006b73c698a6a681e3f634ad755de1d24ccc0f5 (diff) | |
| download | plyr-a327056789603a025ecd5ec546e65914cd7c5bba.tar.lz plyr-a327056789603a025ecd5ec546e65914cd7c5bba.tar.xz plyr-a327056789603a025ecd5ec546e65914cd7c5bba.zip | |
Seek fixes for touch
Diffstat (limited to 'src/less')
| -rw-r--r-- | src/less/plyr.less | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less index 65918665..f480ed3f 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -110,8 +110,11 @@ .seek-thumb() { background: transparent; border: 0; - width: (@plyr-control-spacing * 4); + width: 1px; height: @plyr-control-spacing; +} +.seek-thumb-touch() { + width: (@plyr-control-spacing * 4); transform: translateX(-50%); } .seek-track() { @@ -495,6 +498,21 @@ } } + // Touch seek wider handle + &--is-touch &--seek[type='range'] { + &::-webkit-slider-thumb { + .seek-thumb-touch(); + } + // Mozilla + &::-moz-range-thumb { + .seek-thumb-touch(); + } + // Microsoft + &::-ms-thumb { + .seek-thumb-touch(); + } + } + // Loading state &--loading .plyr__progress--buffer { animation: plyr-progress 1s linear infinite; |