Seek fixes for touch

2016-01-25 11:25:32 +11:00
parent b006b73c69
commit a327056789
8 changed files with 54 additions and 14 deletions
@@ -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;