From 89b4f5911aa55f368c75f3817ebaa16e9a5ba114 Mon Sep 17 00:00:00 2001
From: Kacper Donat <kadet1090@gmail.com>
Date: Sat, 25 Jan 2020 17:32:23 +0100
Subject: [PATCH] Turn off dragscroll on touch devices as its not needed there

---
 resources/components/trip.html | 2 +-
 resources/ts/app.ts            | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/components/trip.html b/resources/components/trip.html
index 1a6c72d..ab1cd91 100644
--- a/resources/components/trip.html
+++ b/resources/components/trip.html
@@ -1,5 +1,5 @@
 <div class="trip">
-    <ol class="trip__stops" v-dragscroll.x ref="stops">
+    <ol class="trip__stops" v-dragscroll.x="!$isTouch" ref="stops">
         <li v-for="stop in stops" class="trip__stop" :class="[ stop.current && 'trip__stop--current', stop.visited && 'trip__stop--visited' ]">
             <div class="trip__marker"/>
             <div class="trip__description">
diff --git a/resources/ts/app.ts b/resources/ts/app.ts
index d845656..1538913 100644
--- a/resources/ts/app.ts
+++ b/resources/ts/app.ts
@@ -21,6 +21,8 @@ Vue.use(Vuex);
 Vue.use(PortalVue);
 Vue.use(VueDragscroll);
 
+Vue.prototype.$isTouch = 'ontouchstart' in window || navigator.msMaxTouchPoints > 0;
+
 // async dependencies
 (async function () {
     const [ components, { default: store } ] = await Promise.all([