diff options
Diffstat (limited to 'src/lib/Schedule')
| -rw-r--r-- | src/lib/Schedule/CoverBypass.svelte | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/src/lib/Schedule/CoverBypass.svelte b/src/lib/Schedule/CoverBypass.svelte index 235979c1..6aa47701 100644 --- a/src/lib/Schedule/CoverBypass.svelte +++ b/src/lib/Schedule/CoverBypass.svelte @@ -11,6 +11,8 @@ } from '$lib/Media/Cover/hoverCover'; import { outboundLink } from '$lib/Media/links'; + import tooltip from '$lib/Tooltip/tooltip'; + import { abbreviate } from '$lib/Utility/string'; import settings from '$stores/settings'; export let media: Media | null; @@ -18,6 +20,7 @@ export let cover = true; let hoverCoverState: HoverCoverResponse = {}; + const abbreviateTo = 40; const titleSelect = (media: Media | null) => media ? media.title.english || media.title.romaji || media.title.native : null; @@ -55,9 +58,18 @@ }} > {#if media} - <MediaTitleDisplay title={media.title} /> + <MediaTitleDisplay + title={media.title} + abbreviate + {abbreviateTo} + tooltip={media.title.english?.length > abbreviateTo || + media.title.romaji?.length > abbreviateTo || + media.title.native?.length > abbreviateTo} + /> {:else} - {entry.title} + <span title={entry.title} use:tooltip> + {abbreviate(entry.title, abbreviateTo)} + </span> {/if} </a> |