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/Manga | |
| 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/Manga')
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 37 |
1 files changed, 19 insertions, 18 deletions
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' |