From 6209980543d05a2706aace0da81e8954f9715ae2 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 18 Jan 2024 01:22:10 -0800
Subject: feat(airingtime): tooltips for time

---
 src/lib/Media/Anime/Airing/AiringTime.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src/lib/Media/Anime/Airing/AiringTime.svelte')

diff --git a/src/lib/Media/Anime/Airing/AiringTime.svelte b/src/lib/Media/Anime/Airing/AiringTime.svelte
index 373478f8..17b08e3f 100644
--- a/src/lib/Media/Anime/Airing/AiringTime.svelte
+++ b/src/lib/Media/Anime/Airing/AiringTime.svelte
@@ -5,6 +5,7 @@
 	import type { SubsPlease } from './Subtitled/subsPlease';
 	import type { MediaPrequel } from '$lib/AniList/prequels';
 	import { injectAiringTime } from './Subtitled/match';
+	import tooltip from '$lib/Tooltip/tooltip';
 
 	export let originalAnime: Media;
 	export let subsPlease: SubsPlease | null;
@@ -119,7 +120,7 @@
 </script>
 
 {#if upcoming}
-	<span title={dateString} style={`opacity: ${opacity}%;`}>
+	<span title={dateString} use:tooltip style={`opacity: ${opacity}%;`}>
 		{nextEpisode}{#if anime.episodes !== null}<span class="hint">/{anime.episodes}</span>
 		{/if} in {timeFrame}
 		<span class="hint">
@@ -127,7 +128,7 @@
 		</span>
 	</span>
 {:else}
-	<span title={dateString} style={`opacity: ${opacity}%;`}>
+	<span title={dateString} use:tooltip style={`opacity: ${opacity}%;`}>
 		{nextEpisode} in {#if few && $settings.displayCoverMode}<br />{/if}{#if few}<b>
 				{timeFrame}
 			</b>{:else}{timeFrame}{/if}
-- 
cgit v1.2.3

