moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chats: fix mention styling

This commit is contained in:
Alex Gleason 2022-12-07 11:58:53 -06:00
parent ebd126ac3c
commit b42b8fced4
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/soapbox/features/chats/components/chat-message-list.tsx
View File

@ -307,7 +307,9 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat }) => {
title={getFormattedTimestamp(chatMessage)} title={getFormattedTimestamp(chatMessage)}
className={ className={
classNames({ 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-primary-500 text-white': isMyMessage,
'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100': !isMyMessage, 'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100': !isMyMessage,
'!bg-transparent !p-0 emoji-lg': isOnlyEmoji, '!bg-transparent !p-0 emoji-lg': isOnlyEmoji,