From e2a4bfc632eca962b297cd45d473b21a240d818f Mon Sep 17 00:00:00 2001 From: Alex Gleason Date: Fri, 20 Jan 2023 13:08:10 -0600 Subject: [PATCH] Chats: fix bubble corner for other person's message --- app/soapbox/features/chats/components/chat-message-list.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/app/soapbox/features/chats/components/chat-message-list.tsx b/app/soapbox/features/chats/components/chat-message-list.tsx index b4a8a4c70..613a5eed0 100644 --- a/app/soapbox/features/chats/components/chat-message-list.tsx +++ b/app/soapbox/features/chats/components/chat-message-list.tsx @@ -331,7 +331,8 @@ const ChatMessageList: React.FC = ({ chat }) => { className={ classNames({ 'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2 [&_.mention]:underline': true, - 'rounded-tr-sm': chatMessage.attachment, + 'rounded-tr-sm': chatMessage.attachment && isMyMessage, + 'rounded-tl-sm': chatMessage.attachment && !isMyMessage, '[&_.mention]:text-primary-600 dark:[&_.mention]:text-accent-blue': !isMyMessage, '[&_.mention]:text-white dark:[&_.mention]:white': isMyMessage, 'bg-primary-500 text-white': isMyMessage,