From 2184289f34f9e07c80c71ea4d193f18311094e6e Mon Sep 17 00:00:00 2001 From: Fen Dweller Date: Tue, 4 Aug 2020 19:57:42 -0400 Subject: [PATCH] Set Tippy instances to only respond to touch-holds --- src/components/ChoiceButton.vue | 3 ++- src/components/NavButton.vue | 3 ++- src/components/Statblock.vue | 6 ++++-- src/game/interface.ts | 3 ++- 4 files changed, 10 insertions(+), 5 deletions(-) diff --git a/src/components/ChoiceButton.vue b/src/components/ChoiceButton.vue index 10b06d9..9f4f33c 100644 --- a/src/components/ChoiceButton.vue +++ b/src/components/ChoiceButton.vue @@ -30,7 +30,8 @@ export default class ChoiceButton extends Vue { tippy( elem, { - content: tooltip + content: tooltip, + touch: ["hold", 500] } ) } diff --git a/src/components/NavButton.vue b/src/components/NavButton.vue index 4081522..495cd94 100644 --- a/src/components/NavButton.vue +++ b/src/components/NavButton.vue @@ -30,7 +30,8 @@ export default class NavButton extends Vue { tippy( elem, { - content: tooltip + content: tooltip, + touch: ["hold", 500] } ) } diff --git a/src/components/Statblock.vue b/src/components/Statblock.vue index bf415fe..0c60ea1 100644 --- a/src/components/Statblock.vue +++ b/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 }) diff --git a/src/game/interface.ts b/src/game/interface.ts index 4bfb393..f14808d 100644 --- a/src/game/interface.ts +++ b/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] }