Render line breaks for messages on contact chat

nyaruka · Dec 10, 2024 · dc35957 · dc35957
1 parent 17ee4c3
commit dc35957
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/chat/Chat.ts b/src/chat/Chat.ts
@@ -205,6 +205,10 @@ export class Chat extends RapidElement {
         word-break: break-word;
       }
 
+      .message-text {
+        white-space: pre-line;
+      }
+
       .chat {
         width: 28rem;
         border-radius: var(--curvature);
@@ -760,7 +764,7 @@ export class Chat extends RapidElement {
               ? html`
                   <div class="bubble">
                     ${name ? html`<div class="name">${name}</div>` : null}
-                    <div class="message">${message.text}</div>
+                    <div class="message message-text">${message.text}</div>
 
                     <!--div>${message.date.toLocaleDateString(
                       undefined,