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/lib/List | |
| 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/lib/List')
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 8 | ||||
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 4 |
2 files changed, 6 insertions, 6 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 |