From b42b8fced4d4958c3d59f011238078c6f27216bb Mon Sep 17 00:00:00 2001 From: Alex Gleason Date: Wed, 7 Dec 2022 11:58:53 -0600 Subject: [PATCH] Chats: fix mention styling --- app/soapbox/features/chats/components/chat-message-list.tsx | 4 +++- 1 file changed, 3 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 5261a337a..1f6fd6adb 100644 --- a/app/soapbox/features/chats/components/chat-message-list.tsx +++ b/app/soapbox/features/chats/components/chat-message-list.tsx @@ -307,7 +307,9 @@ const ChatMessageList: React.FC = ({ chat }) => { title={getFormattedTimestamp(chatMessage)} className={ classNames({ - 'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2': true, + 'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2 [&_.mention]:underline': true, + '[&_.mention]:text-primary-600 dark:[&_.mention]:text-accent-blue': !isMyMessage, + '[&_.mention]:text-white dark:[&_.mention]:white': isMyMessage, 'bg-primary-500 text-white': isMyMessage, 'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100': !isMyMessage, '!bg-transparent !p-0 emoji-lg': isOnlyEmoji,