diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Tools/Birthdays.svelte | 4 | ||||
| -rw-r--r-- | src/lib/Tooltip/tooltip.ts | 8 |
2 files changed, 12 insertions, 0 deletions
diff --git a/src/lib/Tools/Birthdays.svelte b/src/lib/Tools/Birthdays.svelte index 5e8250d3..60de34ee 100644 --- a/src/lib/Tools/Birthdays.svelte +++ b/src/lib/Tools/Birthdays.svelte @@ -8,6 +8,7 @@ import { clearAllParameters, parseOrDefault } from '../Utility/parameters'; import Skeleton from '$lib/Loading/Skeleton.svelte'; import Message from '$lib/Loading/Message.svelte'; + import tooltip from '$lib/Tooltip/tooltip'; interface Birthday { name: string; @@ -122,6 +123,9 @@ birthday.name ).replace(/%20/g, '+')}`} target="_blank" + title={birthday.origin} + use:tooltip + data-tooltip-disable={birthday.origin !== undefined} > {birthday.name} <img src={birthday.image} alt="Character (Large)" class="character-image" /> diff --git a/src/lib/Tooltip/tooltip.ts b/src/lib/Tooltip/tooltip.ts index 5b19d382..bba4be11 100644 --- a/src/lib/Tooltip/tooltip.ts +++ b/src/lib/Tooltip/tooltip.ts @@ -3,6 +3,14 @@ const tooltip = (element: HTMLElement) => { let title: string | null; const offset = 10; const above = element.getAttribute('data-tooltip-above') !== null; + const disable = element.getAttribute('data-tooltip-disable'); + + if (disable && disable === 'false') + return { + destroy() { + return; + } + }; const mouseEnter = (event: MouseEvent) => { title = element.getAttribute('title'); |