diff options
| author | Fuwn <[email protected]> | 2024-04-14 00:01:09 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-14 00:01:09 -0700 |
| commit | 7fde6a93cf183e7f3a710a2fe23a5f5a4ccffa49 (patch) | |
| tree | 65c50e8560b1a46106c066b1069c3f82c09669c3 /src | |
| parent | feat(badges): remove export (diff) | |
| download | due.moe-7fde6a93cf183e7f3a710a2fe23a5f5a4ccffa49.tar.xz due.moe-7fde6a93cf183e7f3a710a2fe23a5f5a4ccffa49.zip | |
feat(badges): darken hidden badges
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/FallbackBadge.svelte | 4 | ||||
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 7 |
2 files changed, 7 insertions, 4 deletions
diff --git a/src/lib/FallbackBadge.svelte b/src/lib/FallbackBadge.svelte index 652c8735..470f5d8c 100644 --- a/src/lib/FallbackBadge.svelte +++ b/src/lib/FallbackBadge.svelte @@ -12,6 +12,7 @@ export let error = 'https://i2.kym-cdn.com/photos/images/newsfeed/000/290/992/0aa.jpg'; export let hideOnError = false; export let badge: Badge; + export let style = ''; let replaceCount = 0; let badgeReference: HTMLImageElement; @@ -63,7 +64,8 @@ bind:this={badgeReference} on:mousemove={handleMouseMove} on:mouseleave={handleMouseLeave} - style="transform: perspective(1000px) rotateX({mouseY / 10}deg) rotateY({-mouseX / 10}deg);" + style="transform: perspective(1000px) rotateX({mouseY / 10}deg) rotateY({-mouseX / + 10}deg); ${style}" on:error={(e) => delayedReplace(e, fallback)} /> </a> diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index fc757a53..0490dc97 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -444,8 +444,8 @@ // URL.revokeObjectURL(url); // }; - const removeHiddenBadges = (badges: Badge[]) => - editMode ? badges : badges.filter((b) => !b.hidden); + const removeHiddenBadges = (isOwner: boolean, badges: Badge[]) => + isOwner ? badges : badges.filter((b) => !b.hidden); </script> <HeadTitle route={`${data.username}'s Badge Wall`} path={`/user/${data.username}`} /> @@ -522,7 +522,7 @@ <Skeleton grid={true} count={10} width="150px" height="170px" /> {:else} {@const groupedBadges = Object.entries( - groupBadges(removeHiddenBadges(ungroupedBadges)) + groupBadges(removeHiddenBadges(isOwner, ungroupedBadges)) )} {#if isOwner} @@ -745,6 +745,7 @@ alternative={badge.description} fallback={thumbnail(badge.image)} hideOnError={preferences.hide_missing_badges} + style={badge.hidden ? 'filter: grayscale(100%); opacity: 50%;' : ''} /> {/if} {/each} |