[WEB-1063] style: fix activity/ comment overflow issue. (makeplane#4540)

wangxukun · May 21, 2024 · 8a960e2 · 8a960e2
1 parent 8469913
commit 8a960e2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/...components/issues/issue-detail/issue-activity/activity/actions/helpers/activity-block.tsx b/...components/issues/issue-detail/issue-activity/activity/actions/helpers/activity-block.tsx
@@ -38,7 +38,7 @@ export const IssueActivityBlockComponent: FC<TIssueActivityBlockComponent> = (pr
       <div className="flex-shrink-0 ring-6 w-7 h-7 rounded-full overflow-hidden flex justify-center items-center z-[4] bg-custom-background-80 text-custom-text-200">
         {icon ? icon : <Network className="w-3.5 h-3.5" />}
       </div>
-      <div className="w-full text-custom-text-200">
+      <div className="w-full truncate text-custom-text-200">
         <IssueUser activityId={activityId} customUserName={customUserName} />
         <span> {children} </span>
         <span>

diff --git a/web/components/issues/issue-detail/issue-activity/comments/comment-block.tsx b/web/components/issues/issue-detail/issue-activity/comments/comment-block.tsx
@@ -48,8 +48,8 @@ export const IssueCommentBlock: FC<TIssueCommentBlock> = observer((props) => {
           <MessageCircle className="w-3 h-3" color="#6b7280" />
         </div>
       </div>
-      <div className="w-full relative flex ">
-        <div className="w-full space-y-1">
+      <div className="w-full truncate relative flex ">
+        <div className="w-full truncate space-y-1">
           <div>
             <div className="text-xs capitalize">
               {comment.actor_detail.is_bot