diff options
| author | Fuwn <[email protected]> | 2024-02-01 08:45:02 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-01 08:45:02 -0800 |
| commit | d3703770b7baa7df447902b42756da50727445d8 (patch) | |
| tree | 3f447fc5e02d39e60be13d98175a8c3e76d573a6 /src/lib | |
| parent | feat(display): remove shadow from input (diff) | |
| download | due.moe-d3703770b7baa7df447902b42756da50727445d8.tar.xz due.moe-d3703770b7baa7df447902b42756da50727445d8.zip | |
feat(wrapped): add tooltips for titles
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/List/MediaTitleDisplay.svelte | 9 | ||||
| -rw-r--r-- | src/lib/Tools/ActivityHistory/Grid.svelte | 2 | ||||
| -rw-r--r-- | src/lib/Tools/Wrapped/Tool.svelte | 3 |
3 files changed, 9 insertions, 5 deletions
diff --git a/src/lib/List/MediaTitleDisplay.svelte b/src/lib/List/MediaTitleDisplay.svelte index 118d9b2c..92e39b0b 100644 --- a/src/lib/List/MediaTitleDisplay.svelte +++ b/src/lib/List/MediaTitleDisplay.svelte @@ -1,5 +1,6 @@ <script lang="ts"> import type { MediaTitle } from '$lib/AniList/media'; + import tooltip from '$lib/Tooltip/tooltip'; import settings from '$stores/settings'; import * as wanakana from 'wanakana'; @@ -8,7 +9,7 @@ {#if $settings.displayTitleFormat === 'native'} {#if $settings.displayFurigana} - <span title={title.english || title.romaji || title.native}> + <span title={title.english || title.romaji || title.native} use:tooltip> <ruby> {title.native} <rt> @@ -17,16 +18,16 @@ </ruby> </span> {:else} - <span title={title.english || title.romaji || title.native}> + <span title={title.english || title.romaji || title.native} use:tooltip> {title.native} </span> {/if} {:else if $settings.displayTitleFormat === 'romaji'} - <span title={title.english || title.romaji || title.native}> + <span title={title.english || title.romaji || title.native} use:tooltip> {title.romaji} </span> {:else} - <span title={title.romaji || title.native}> + <span title={title.romaji || title.native} use:tooltip> {title.english || title.romaji || title.native} </span> {/if} diff --git a/src/lib/Tools/ActivityHistory/Grid.svelte b/src/lib/Tools/ActivityHistory/Grid.svelte index 3d0920f5..27402061 100644 --- a/src/lib/Tools/ActivityHistory/Grid.svelte +++ b/src/lib/Tools/ActivityHistory/Grid.svelte @@ -9,6 +9,7 @@ import type { AniListAuthorisation } from '$lib/AniList/identity'; import { clearAllParameters } from '../../Utility/parameters'; import Skeleton from '$lib/Loading/Skeleton.svelte'; + import tooltip from '$lib/Tooltip/tooltip'; export let user: AniListAuthorisation; export let activityData: ActivityHistoryEntry[] | null = null; @@ -49,6 +50,7 @@ }} role="button" tabindex="0" + use:tooltip title={`Date: ${new Date(activity.date * 1000).toLocaleDateString()}\nAmount: ${ activity.amount }`} diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte index 20fae810..06e96215 100644 --- a/src/lib/Tools/Wrapped/Tool.svelte +++ b/src/lib/Tools/Wrapped/Tool.svelte @@ -27,6 +27,7 @@ import Watermark from './Watermark.svelte'; import Skeleton from '$lib/Loading/Skeleton.svelte'; import Message from '$lib/Loading/Message.svelte'; + import tooltip from '$lib/Tooltip/tooltip'; export let user: AniListAuthorisation; @@ -735,7 +736,7 @@ }} /> Excluded keywords - <button on:click={submitExcludedKeywords} title="Or click your Enter key" + <button on:click={submitExcludedKeywords} title="Or click your Enter key" use:tooltip >Submit</button > <br /> |