added markdown support to chat

dm3-org · Sep 10, 2024 · fdd6849 · fdd6849
1 parent 16c69a8
commit fdd6849
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/messenger-widget/src/components/Message/Message.css b/packages/messenger-widget/src/components/Message/Message.css
@@ -150,6 +150,11 @@
     color: var(--text-primary-color);
 }
 
+/* Disables margin bottom of paragraph tag by default 1rem coming from markdown library*/
+.markdown-msg p{
+    margin-bottom: 0rem;
+}
+
 /* =================== Mobile Responsive CSS =================== */
 @media only screen and (max-width: 800px) {
     .content-style {

diff --git a/packages/messenger-widget/src/components/Message/Message.tsx b/packages/messenger-widget/src/components/Message/Message.tsx
@@ -31,7 +31,8 @@ export function Message(props: MessageProps) {
             <div className="d-flex">
                 <div
                     className={
-                        getMessageStyleClasses(props, messageView) + 'mb-0'
+                        getMessageStyleClasses(props, messageView) +
+                        'mb-0 markdown-msg'
                     }
                 >
                     {/* Reply message preview */}