diff options
| -rw-r--r-- | src/lib/minecraft/Username.svelte | 15 | ||||
| -rw-r--r-- | src/routes/player/[player]/index.svelte | 3 |
2 files changed, 11 insertions, 7 deletions
diff --git a/src/lib/minecraft/Username.svelte b/src/lib/minecraft/Username.svelte index 54c803e..df9e093 100644 --- a/src/lib/minecraft/Username.svelte +++ b/src/lib/minecraft/Username.svelte @@ -9,8 +9,8 @@ export let hyperlinkToProfile = false export let prefix = false - /** whether the username should be crossed out */ - export let strikethrough = false + /** whether the username should be crossed out and the avatar grayscaled */ + export let disabled = false </script> <!-- {%- macro username(player, headType=none, hyperlinkToProfile=false, prefix=false) -%} @@ -25,15 +25,15 @@ <ConditionalLink href="/player/{player.username}" isWrapped={hyperlinkToProfile}> {#if headType == '3d'} - <Head3d {player} isPartOfUsername={true} />{:else if headType == '2d'} - <Head2d {player} isPartOfUsername={true} /> + <span class="head" class:grayscale={disabled}><Head3d {player} isPartOfUsername={true} /></span + >{:else if headType == '2d'} + <span class="head" class:grayscale={disabled}><Head2d {player} isPartOfUsername={true} /></span> {/if}{#if prefix} <span class="username-rank-prefix"> {@html formattingCodeToHtml(player.rank.colored)} </span> {/if}<span class="username" style="color: {player.rank.color}"> - {#if strikethrough}<span class="strikethrough" />{/if} - {player.username} + {#if disabled}<span class="strikethrough" />{/if}{player.username} </span> </ConditionalLink> @@ -58,6 +58,9 @@ width: auto; border-bottom: 2px solid #fff; } + .grayscale { + filter: grayscale(100%); + } .username-rank-prefix { font-family: Minecraft, 'Atkinson Hyperlegible', sans-serif; diff --git a/src/routes/player/[player]/index.svelte b/src/routes/player/[player]/index.svelte index b9970c8..1c72bd2 100644 --- a/src/routes/player/[player]/index.svelte +++ b/src/routes/player/[player]/index.svelte @@ -110,7 +110,7 @@ {player} headType="2d" hyperlinkToProfile={player.uuid != data.player?.uuid} - strikethrough + disabled /> </span> {/each} @@ -129,6 +129,7 @@ } .profile-members { color: var(--theme-main-text); + display: inline-flex; } .profile-members > .member { margin-right: 0.35em; |