From ad3cb139baa973424cffc10eae5d84480381600a Mon Sep 17 00:00:00 2001
From: Brieuc Dubois <brieuc.a.dubois@student.uclouvain.be>
Date: Sun, 8 Dec 2024 11:58:53 +0000
Subject: [PATCH] Solve wrong avatar in chat and reply's arrow position
---
frontend/src/routes/sessions/[id]/Message.svelte | 7 ++++---
1 file changed, 4 insertions(+), 3 deletions(-)
diff --git a/frontend/src/routes/sessions/[id]/Message.svelte b/frontend/src/routes/sessions/[id]/Message.svelte
index a5532fb1..6dc5483c 100644
--- a/frontend/src/routes/sessions/[id]/Message.svelte
+++ b/frontend/src/routes/sessions/[id]/Message.svelte
@@ -194,7 +194,7 @@
>
<div class="rounded-full mx-2 chat-image size-12" title={message.user.nickname}>
<img
- src={`https://gravatar.com/avatar/${user.emailHash}?d=identicon`}
+ src={`https://gravatar.com/avatar/${message.user.emailHash}?d=identicon`}
alt={user.nickname}
class="rounded-full border border-neutral-400 text-sm"
/>
@@ -280,7 +280,9 @@
</button>
{/if}
<button
- class="absolute bottom-0 left-[-3.5rem] invisible group-hover:visible h-full p-0"
+ class="absolute bottom-0 invisible group-hover:visible h-full p-0"
+ class:right-[-1.5rem]={!isSender}
+ class:left-[-3.5rem]={isSender}
onclick={() => (replyTo = message)}
>
<Icon src={ArrowUturnLeft} class="w-5 h-full text-gray-500 hover:text-gray-800" />
@@ -296,7 +298,6 @@
{/if}
</div>
</div>
-
<div
class="absolute invisible rounded-xl border border-gray-400 bg-white divide-x"
bind:this={hightlight}
--
GitLab