From 4ba31236e91ad7b74e568d5535950f283536e488 Mon Sep 17 00:00:00 2001
From: Robin Scholtes <robin@theweirdscience.com>
Date: Wed, 2 Aug 2023 19:01:03 +1200
Subject: [PATCH] fix drag & drop settings mobile vs desktop

---
 src/web/TODO.md                  |  1 -
 src/web/waiters/RecipeWaiter.mjs | 10 +++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/web/TODO.md b/src/web/TODO.md
index 36e352b3..d5ba0870 100644
--- a/src/web/TODO.md
+++ b/src/web/TODO.md
@@ -2,5 +2,4 @@
 - search-results dropdown
 - can only drag an op to favourites 1 time
 - stupid popovers on deleting favs for instance ( dont always close nicely )
-
 - UI tests etc.
diff --git a/src/web/waiters/RecipeWaiter.mjs b/src/web/waiters/RecipeWaiter.mjs
index 8a072b1b..78c9106b 100755
--- a/src/web/waiters/RecipeWaiter.mjs
+++ b/src/web/waiters/RecipeWaiter.mjs
@@ -35,14 +35,18 @@ class RecipeWaiter {
     initDragAndDrop() {
         const recList = document.getElementById("rec-list");
 
+        let swapThreshold = this.app.isMobileView() ? 0.60 : 0.40;
+        let animation = this.app.isMobileView() ? 400 : 200;
+        let delay = this.app.isMobileView() ? 200 : 0;
+
         // Recipe list
         Sortable.create(recList, {
             group: "recipe",
             sort: true,
             draggable: "c-ingredient-li",
-            swapThreshold: this.app.isMobileView ? 0.60 : 0.40,
-            animation: this.app.isMobileView() ? 400 : 0,
-            delay: this.app.isMobileView ? 200 : 0,
+            swapThreshold: swapThreshold,
+            animation: animation,
+            delay: delay,
             filter: ".arg",
             preventOnFilter: false,
             setData: function(dataTransfer, dragEl) {