From 26b661c6b1bfc48a4f6d601ddac70e5df0989964 Mon Sep 17 00:00:00 2001
From: Hamza Khchine <hamza.Khchine@opencraft.com>
Date: Fri, 18 Mar 2022 16:35:46 +0100
Subject: [PATCH] fix: [BB-5597][TNL-9618] text leaking out from post summary
 (#91)

---
 src/discussions/posts/post/Post.jsx     | 2 +-
 src/discussions/posts/post/PostLink.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/discussions/posts/post/Post.jsx b/src/discussions/posts/post/Post.jsx
index 26957d53..84da48e0 100644
--- a/src/discussions/posts/post/Post.jsx
+++ b/src/discussions/posts/post/Post.jsx
@@ -61,7 +61,7 @@ function Post({
         <AlertBanner postType={post.type} content={post} />
       </div>
       <PostHeader post={post} actionHandlers={actionHandlers} />
-      <div className="d-flex my-2">
+      <div className="d-flex my-2 text-break">
         {/* eslint-disable-next-line react/no-danger */}
         <div dangerouslySetInnerHTML={{ __html: post.renderedBody }} />
       </div>
diff --git a/src/discussions/posts/post/PostLink.jsx b/src/discussions/posts/post/PostLink.jsx
index d4e2f745..ab2818b5 100644
--- a/src/discussions/posts/post/PostLink.jsx
+++ b/src/discussions/posts/post/PostLink.jsx
@@ -77,7 +77,7 @@ function PostLink({
             </div>
           </div>
           {/* eslint-disable-next-line react/no-danger */}
-          <div dangerouslySetInnerHTML={{ __html: post.previewBody }} />
+          <div className="text-truncate" dangerouslySetInnerHTML={{ __html: post.previewBody }} />
           <PostFooter post={post} preview intl={intl} />
         </div>
       </div>