Set Tippy instances to only respond to touch-holds

src/components/ChoiceButton.vue

@@ -30,7 +30,8 @@ export default class ChoiceButton extends Vue {
     tippy(
       elem,
       {
-        content: tooltip
+        content: tooltip,
+        touch: ["hold", 500]
       }
     )
   }

src/components/NavButton.vue

@@ -30,7 +30,8 @@ export default class NavButton extends Vue {
     tippy(
       elem,
       {
-        content: tooltip
+        content: tooltip,
+        touch: ["hold", 500]
       }
     )
   }

src/components/Statblock.vue

@@ -130,7 +130,8 @@ export default class Statblock extends Vue {
         const tooltip = elem.querySelector(".tooltip-template") as HTMLElement
 
         return tippy(elem, {
-          content: tooltip
+          content: tooltip,
+          touch: ["hold", 500]
         })
       })
     })
@@ -143,7 +144,8 @@ export default class Statblock extends Vue {
       const tooltip = elem.querySelector(".tooltip-template") as HTMLElement
 
       return tippy(elem, {
-        content: tooltip
+        content: tooltip,
+        touch: ["hold", 500]
       })
     })
     createSingleton(tippyInstances, { delay: 500 })

src/game/interface.ts

@@ -208,7 +208,8 @@ export class PropElem implements LogEntry {
     span.appendChild(icon)
 
     tippy(icon, {
-      content: tooltipTemplate
+      content: tooltipTemplate,
+      touch: ["hold", 500]
     })
     return [span]
   }