diff options
| author | Fuwn <[email protected]> | 2024-01-03 20:53:40 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-03 20:54:19 -0800 |
| commit | 7dbc21d39671360e613802c9ae869e36d25c6445 (patch) | |
| tree | c1ab4bb2c072b16010c9523c528a9ea9235a040c /src/lib/List | |
| parent | fix(badges): id as number (diff) | |
| download | due.moe-7dbc21d39671360e613802c9ae869e36d25c6445.tar.xz due.moe-7dbc21d39671360e613802c9ae869e36d25c6445.zip | |
refactor(list): move hover to title only
Diffstat (limited to 'src/lib/List')
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 43 | ||||
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 37 |
2 files changed, 41 insertions, 39 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index c0a737dc..9eb4b646 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -66,28 +66,29 @@ {@const progress = (anime.mediaListEntry || { progress: 0 }).progress} {#if title.includes('Upcoming Episodes') || title.includes('Not Yet Released') || progress !== (anime.nextAiringEpisode?.episode || 9999) - 1} - <li - class="entry" - on:mouseenter={() => { - const response = onMouseEnter(anime); - - hovering = response.hovering; - hoveredMedia = response.media; - }} - on:mouseleave={() => { - const response = onMouseLeave(); - - hovering = response.hovering; - hoveredMedia = response.media; - }} - on:mousemove={(e) => { - const response = onMouseMove(e); - - imageStyle = response.style; - }} - > + <li class="entry"> <span class="content"> - <a href={outboundLink(anime, 'anime', $settings.displayOutboundLinksTo)} target="_blank"> + <a + href={outboundLink(anime, 'anime', $settings.displayOutboundLinksTo)} + target="_blank" + on:mouseenter={() => { + const response = onMouseEnter(anime); + + hovering = response.hovering; + hoveredMedia = response.media; + }} + on:mouseleave={() => { + const response = onMouseLeave(); + + hovering = response.hovering; + hoveredMedia = response.media; + }} + on:mousemove={(e) => { + const response = onMouseMove(e); + + imageStyle = response.style; + }} + > <span style={lastUpdatedMedia === anime.id && anime.episodes !== progress ? 'color: lightcoral' diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte index 9757f748..ebe4a2dc 100644 --- a/src/lib/List/Manga/CleanMangaList.svelte +++ b/src/lib/List/Manga/CleanMangaList.svelte @@ -70,27 +70,28 @@ {@const progress = (manga.mediaListEntry || { progress: 0 }).progress} {#if progress !== manga.episodes} - <li - class="entry" - on:mouseenter={() => { - const response = onMouseEnter(manga); + <li class="entry"> + <a + href={outboundLink(manga, 'manga', $settings.displayOutboundLinksTo)} + target="_blank" + on:mouseenter={() => { + const response = onMouseEnter(manga); - hovering = response.hovering; - hoveredMedia = response.media; - }} - on:mouseleave={() => { - const response = onMouseLeave(); + hovering = response.hovering; + hoveredMedia = response.media; + }} + on:mouseleave={() => { + const response = onMouseLeave(); - hovering = response.hovering; - hoveredMedia = response.media; - }} - on:mousemove={(e) => { - const response = onMouseMove(e); + hovering = response.hovering; + hoveredMedia = response.media; + }} + on:mousemove={(e) => { + const response = onMouseMove(e); - imageStyle = response.style; - }} - > - <a href={outboundLink(manga, 'manga', $settings.displayOutboundLinksTo)} target="_blank"> + imageStyle = response.style; + }} + > <span style={lastUpdatedMedia === manga.id && manga.chapters !== progress ? 'color: lightcoral' |