diff --git a/ts/components/WithTooltip.svelte b/ts/components/WithTooltip.svelte index f451b50ab..c80c6bb74 100644 --- a/ts/components/WithTooltip.svelte +++ b/ts/components/WithTooltip.svelte @@ -19,15 +19,21 @@ export let tooltip: string; export let trigger: TriggerType = "hover focus"; + export let placement: "auto" | "top" | "bottom" | "left" | "right" = "top"; + export let html = true; + export let offset: Tooltip.Offset = [0, 0]; + export let showDelay = 0; + export let hideDelay = 0; + let tooltipObject: Tooltip; function createTooltip(element: HTMLElement): void { element.title = tooltip; tooltipObject = new Tooltip(element, { - placement: "bottom", - html: true, - offset: [0, 20], - delay: { show: 250, hide: 0 }, + placement, + html, + offset, + delay: { show: showDelay, hide: hideDelay }, trigger, }); } diff --git a/ts/deck-options/TooltipLabel.svelte b/ts/deck-options/TooltipLabel.svelte index 9915ac25d..b2a7337dc 100644 --- a/ts/deck-options/TooltipLabel.svelte +++ b/ts/deck-options/TooltipLabel.svelte @@ -16,7 +16,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html - + createTooltip(event.detail.span)} diff --git a/ts/deck-options/WithTooltip.svelte b/ts/deck-options/WithTooltip.svelte deleted file mode 100644 index f451b50ab..000000000 --- a/ts/deck-options/WithTooltip.svelte +++ /dev/null @@ -1,38 +0,0 @@ - - - - diff --git a/ts/editor/Tag.svelte b/ts/editor/Tag.svelte index bea495d9e..db1dece81 100644 --- a/ts/editor/Tag.svelte +++ b/ts/editor/Tag.svelte @@ -3,7 +3,7 @@ Copyright: Ankitects Pty Ltd and contributors License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html -->