Merge pull request #310 from AppQuality/fix-comment-cut

🐛 fix(chat): remove unnecessary text in chat message
AppQuality · Jan 26, 2024 · da69ca7 · da69ca7
2 parents a3a07a9 + fa06963
commit da69ca7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/stories/chat/index.stories.tsx b/src/stories/chat/index.stories.tsx
@@ -168,7 +168,7 @@ const defaultArgs: EditorStoryArgs = {
       },
     },
     {
-      message: `Hi <mention data-type="mention" data-mention-id="1" data-mention-name="John Doe">@John Doe</mention>, I'm a comment too but with <strong>bold</strong> askdlhfksadhjfkljafshbcfkjsdhbkjdhfksjdfhabfshdbkfvhksdajhfbvhldsjfvdjshflkvdsbjhfjkvskfhbvasjhfksjbfvsdbvkjshvbkfasjhvfksjhfbkfbvksjhjvfshjvbsdhvdbvskjsdbhfkvsjbfjkvbsdfhwrap`,
+      message: `Hi <mention data-type="mention" data-mention-id="1" data-mention-name="John Doe">@John Doe</mention>, I'm a comment too but with <strong>bold</strong>`,
       date: " | 27 dic. 2023 | 12:00",
       author: {
         name: "Marco B.",

diff --git a/src/stories/chat/parts/containers.tsx b/src/stories/chat/parts/containers.tsx
@@ -30,14 +30,17 @@ export const EditorContainer = styled(FauxInput)<{ editable: boolean }>`
       : `
     margin-left: ${theme.space.sm};
     padding: ${`${theme.space.xxs} ${theme.space.xs}`};
+
+    .ProseMirror {
+      min-height: 36px;
+      outline: none;
+      max-height: 210px;
+      overflow-y: auto;
+    }
     `}
 
   .ProseMirror {
     background-color: transparent;
-    min-height: 36px;
-    outline: none;
-    max-height: 210px;
-    overflow-y: auto;
 
     ${editorStyle}
   }