diff options
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; |