diff options
| author | Fuwn <[email protected]> | 2024-01-13 19:44:48 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-13 19:44:48 -0800 |
| commit | 36a8765105905f19d1f906a12a7354d85a7bad4f (patch) | |
| tree | 7203265c2308a41cac80f9181a9ea8f3468cd1bc /src/lib | |
| parent | feat(schedule): include last season (diff) | |
| download | due.moe-36a8765105905f19d1f906a12a7354d85a7bad4f.tar.xz due.moe-36a8765105905f19d1f906a12a7354d85a7bad4f.zip | |
feat(settings): add tooltip for rss
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/Tooltip/tooltip.ts | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/lib/Tooltip/tooltip.ts b/src/lib/Tooltip/tooltip.ts index fd1428f4..9fa4aa87 100644 --- a/src/lib/Tooltip/tooltip.ts +++ b/src/lib/Tooltip/tooltip.ts @@ -3,6 +3,7 @@ const tooltip = (element: HTMLElement) => { let title: string | null; const offset = 10; let timer: number; + const above = element.getAttribute('data-tooltip-above') !== null; const mouseOver = (event: MouseEvent) => { title = element.getAttribute('title'); @@ -28,7 +29,11 @@ const tooltip = (element: HTMLElement) => { const mouseMove = (event: MouseEvent) => { if (div) { - div.style.left = `${event.pageX - div.offsetWidth / 2}px`; + div.style.left = `${ + above && event.pageX - div.offsetWidth / 2 > 0 + ? event.pageX - div.offsetWidth / 2 + : event.pageX + offset + }px`; div.style.top = `${event.pageY - div.offsetHeight - offset / 2}px`; } }; |