diff options
| author | Fuwn <[email protected]> | 2024-01-31 03:40:33 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-31 03:40:33 -0800 |
| commit | 2e8f0022665dd641bb1a676c16474c3ff63092f9 (patch) | |
| tree | 57b25e0d998d3a9d1dc647c0bc4a8621bfac1ee8 /src | |
| parent | fix(layout): header z-index (diff) | |
| download | due.moe-2e8f0022665dd641bb1a676c16474c3ff63092f9.tar.xz due.moe-2e8f0022665dd641bb1a676c16474c3ff63092f9.zip | |
refactor(list): use global opacity class
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 8 | ||||
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 4 | ||||
| -rw-r--r-- | src/lib/Media/Anime/Airing/AiringTime.svelte | 10 | ||||
| -rw-r--r-- | src/lib/Tools/EpisodeDiscussionCollector.svelte | 2 |
4 files changed, 9 insertions, 15 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index 32d9edd7..f2f2804e 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -98,8 +98,8 @@ {#if !upcoming || notYetReleased} {pendingUpdate === anime.id ? progress + 1 : progress}{@html totalEpisodes(anime)} <button - class="button-square button-action" - style={pendingUpdate === anime.id ? 'pointer-events: none; opacity: 50%;' : ''} + class={`button-square button-action ${pendingUpdate === anime.id ? 'opaque' : ''}`} + style={pendingUpdate === anime.id ? 'pointer-events: none;' : ''} on:click={() => { if (pendingUpdate !== anime.id) { lastUpdatedMedia = anime.id; @@ -185,8 +185,8 @@ <!-- {anime.mediaListEntry?.progress || 0}{@html totalEpisodes(anime)} --> {pendingUpdate === anime.id ? progress + 1 : progress}{@html totalEpisodes(anime)} <button - class="button-square button-action" - style={pendingUpdate === anime.id ? 'pointer-events: none; opacity: 50%;' : ''} + class={`button-square button-action ${pendingUpdate === anime.id ? 'opaque' : ''}`} + style={pendingUpdate === anime.id ? 'pointer-events: none;' : ''} on:click={() => { if (pendingUpdate !== anime.id) { lastUpdatedMedia = anime.id; diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte index b8587111..ebfba340 100644 --- a/src/lib/List/Manga/CleanMangaList.svelte +++ b/src/lib/List/Manga/CleanMangaList.svelte @@ -149,8 +149,8 @@ <span class="opaque">/{manga.chapters || '?'}</span> {/if} <button - class="button-square button-action" - style={pendingUpdate === manga.id ? 'pointer-events: none; opacity: 50%;' : ''} + class={`button-square button-action ${pendingUpdate === manga.id ? 'opaque' : ''}`} + style={pendingUpdate === manga.id ? 'pointer-events: none;' : ''} on:click={() => pendingUpdate === manga.id ? null diff --git a/src/lib/Media/Anime/Airing/AiringTime.svelte b/src/lib/Media/Anime/Airing/AiringTime.svelte index 8ab9e754..802b766b 100644 --- a/src/lib/Media/Anime/Airing/AiringTime.svelte +++ b/src/lib/Media/Anime/Airing/AiringTime.svelte @@ -121,9 +121,9 @@ {#if upcoming} <span title={dateString} use:tooltip style={`opacity: ${opacity}%;`}> - {nextEpisode}{#if anime.episodes !== null}<span class="hint">/{anime.episodes}</span> + {nextEpisode}{#if anime.episodes !== null}<span class="opaque">/{anime.episodes}</span> {/if} in {timeFrame} - <span class="hint"> + <span class="opaque"> {#if few && $settings.displayCoverMode}<br />{/if}{few ? `(${time})` : ''} </span> </span> @@ -135,9 +135,3 @@ {few ? `(${time})` : ''} </span> {/if} - -<style> - .hint { - opacity: 50%; - } -</style> diff --git a/src/lib/Tools/EpisodeDiscussionCollector.svelte b/src/lib/Tools/EpisodeDiscussionCollector.svelte index 9715a68e..2be34dd4 100644 --- a/src/lib/Tools/EpisodeDiscussionCollector.svelte +++ b/src/lib/Tools/EpisodeDiscussionCollector.svelte @@ -53,7 +53,7 @@ .filter((thread) => thread.title.includes('[Spoilers]') && thread.title.includes('Episode')) .sort((a, b) => b.createdAt - a.createdAt) as thread} <li> - <span style="opacity: 50%; white-space: pre;"> + <span class="opaque" style="white-space: pre;"> {new Date(thread.createdAt * 1000).toLocaleDateString('en-US', { month: 'short', day: 'numeric', |