diff options
| author | Fuwn <[email protected]> | 2024-02-02 04:12:16 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-02 04:12:16 -0800 |
| commit | 4319f04d15fea1ec610cde51648709ae3d77248b (patch) | |
| tree | 8cc3382eded31482e6d22792e4a1068465eaf6ca /src/lib/Schedule/CoverBypass.svelte | |
| parent | fix(schedule): use non-custom cover width (diff) | |
| download | due.moe-4319f04d15fea1ec610cde51648709ae3d77248b.tar.xz due.moe-4319f04d15fea1ec610cde51648709ae3d77248b.zip | |
feat(schedule): shorten long titles
Diffstat (limited to 'src/lib/Schedule/CoverBypass.svelte')
| -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> |