Merge pull request #1336 from Bynder/fix/pending-users-inline-tooltip

🩹 GC-3888 Pending user tooltip should be inline not block
Bynder · Dec 20, 2023 · 9c5e4c9 · 9c5e4c9
2 parents 8009baa + e9c39d7
commit 9c5e4c9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/lib/Comment/CommentText.tsx b/lib/Comment/CommentText.tsx
@@ -47,7 +47,10 @@ function CommentText({
           return (
             <span key={subStr} title={name} className={mentionsClass}>
               {pending ? (
-                <TooltipWrapper tooltipText="Invite pending">
+                <TooltipWrapper
+                  tooltipText="Invite pending"
+                  wrapperClassName="inline-flex"
+                >
                   {subStr}
                 </TooltipWrapper>
               ) : (

diff --git a/lib/Conversation/stories/mockData.ts b/lib/Conversation/stories/mockData.ts
@@ -68,6 +68,13 @@ export const mockComments = [
     author: mockUser,
     createdBy: 2,
   },
+  {
+    id: "comment-pending-user",
+    body: "Hey @lyndacarter, @lyndacarter, @lyndacarter, @lyndacarter, @lyndacarter @AlanT, @lyndacarter, @lyndacarter, @lyndacarter, @lyndacarter, @lyndacarter, @AlanT, @AlanT, @AlanT, @lyndacarter, @lyndacarter",
+    createdAt: "2017-06-08 10:56:41",
+    author: mockUser,
+    createdBy: 2,
+  },
   {
     id: "comment-id-2",
     body: "Comment body and a link to http://google.com and a mention @lyndacarter, another link to @saulgoodman",