From dd814026474ab72fcee7a7dcccbeda69c5dfea58 Mon Sep 17 00:00:00 2001 From: Puyodead1 Date: Thu, 1 Jun 2023 10:42:57 -0400 Subject: [PATCH] fix text pushing member sidebar --- src/components/Message.tsx | 2 +- src/components/MessageInput.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Message.tsx b/src/components/Message.tsx index b06fa2c..19a6ab4 100644 --- a/src/components/Message.tsx +++ b/src/components/Message.tsx @@ -38,7 +38,7 @@ const MessageTimestamp = styled.div` const MessageContent = styled.div<{ sending?: boolean; failed?: boolean }>` font-size: 16px; white-space: pre-wrap; - word-wrap: break-word; + word-wrap: anywhere; opacity: ${(props) => (props.sending ? 0.5 : undefined)}; color: ${(props) => (props.failed ? "var(--error)" : undefined)}; `; diff --git a/src/components/MessageInput.tsx b/src/components/MessageInput.tsx index c3f7071..19d0790 100644 --- a/src/components/MessageInput.tsx +++ b/src/components/MessageInput.tsx @@ -27,7 +27,7 @@ const TextInput = styled.div` left: 0; width: 100%; outline: none; - word-wrap: break-word; + word-wrap: anywhere; padding: 12px 16px; `;