ChatMessageList: fix horizontal overflow for long messages in UI

2 years ago · 2f0a41cc36
parent 271bc271f7
commit 2f0a41cc36
1 changed files with 1 additions and 1 deletions
--- a/app/soapbox/features/chats/components/chat-message-list.tsx
+++ b/app/soapbox/features/chats/components/chat-message-list.tsx
@ -275,7 +275,7 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat, autosize }) => {
                title={getFormattedTimestamp(chatMessage)}
                className={
                  classNames({
-                    'text-ellipsis break-words relative rounded-md p-2': true,
+                    'text-ellipsis break-words relative rounded-md p-2 max-w-full': true,
                    'bg-primary-500 text-white mr-2': isMyMessage,
                    'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100 order-2 ml-2': !isMyMessage,
                  })