diff options
| author | Fuwn <[email protected]> | 2024-01-31 16:27:46 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-31 16:27:46 -0800 |
| commit | 6dd59c449d027c4cf853db7a83681ed660d5a036 (patch) | |
| tree | 43de3ee5c70528845d14801b07085d0ef5ad10bf | |
| parent | fix(html): height observer initial size (diff) | |
| download | due.moe-6dd59c449d027c4cf853db7a83681ed660d5a036.tar.xz due.moe-6dd59c449d027c4cf853db7a83681ed660d5a036.zip | |
feat(birthdays): show origin if available
| -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'); |