Merge pull request #292 from AppQuality/chat-box-border-fix

Chat box border fix
AppQuality · Jan 8, 2024 · bf7c9dc · bf7c9dc
2 parents 3ff81dd + 9e5eaa9
commit bf7c9dc
Show file tree

Hide file tree

Showing 6 changed files with 60 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,56 @@
+# v3.1.63 (Thu Jan 04 2024)
+
+#### 🐛 Bug Fix
+
+- Develop [#291](https://github.com/AppQuality/unguess-design-system/pull/291) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v3.1.62 (Tue Jan 02 2024)
+
+#### 🐛 Bug Fix
+
+- [CHAT] Improvements and fixes [#290](https://github.com/AppQuality/unguess-design-system/pull/290) ([@cannarocks](https://github.com/cannarocks))
+- fix(chat): add clear from external save and fix shrinked avat [#289](https://github.com/AppQuality/unguess-design-system/pull/289) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v3.1.61 (Fri Dec 29 2023)
+
+#### 🐛 Bug Fix
+
+- Improve chat spacing and save behaviour [#288](https://github.com/AppQuality/unguess-design-system/pull/288) ([@cannarocks](https://github.com/cannarocks))
+- Update-chat-spaces [#287](https://github.com/AppQuality/unguess-design-system/pull/287) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v3.1.60 (Fri Dec 29 2023)
+
+#### 🐛 Bug Fix
+
+- Improve chat comments readability [#286](https://github.com/AppQuality/unguess-design-system/pull/286) ([@iDome89](https://github.com/iDome89) [@cannarocks](https://github.com/cannarocks))
+- Add date comments [#285](https://github.com/AppQuality/unguess-design-system/pull/285) ([@cannarocks](https://github.com/cannarocks) [@marcbon](https://github.com/marcbon) [@iDome89](https://github.com/iDome89))
+
+#### Authors: 3
+
+- [@iDome89](https://github.com/iDome89)
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
 # v3.1.57 (Thu Dec 28 2023)
 
 #### 🐛 Bug Fix

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.59",
+  "version": "3.1.63",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",

diff --git a/src/stories/chat/parts/comment.tsx b/src/stories/chat/parts/comment.tsx
@@ -42,6 +42,9 @@ const Footer = styled.div`
   justify-content: flex-end;
   gap: ${({ theme }) => theme.space.xs};
 `;
+const CommentTitle = styled(Title)`
+color: ${({ theme }) => theme.palette.blue[600]};
+`
 
 export const Comment = ({
   author,
@@ -59,10 +62,10 @@ export const Comment = ({
           {author.avatar}
         </Avatar>
         <div>
-          <Title>
+          <CommentTitle>
             {author.name ?? "User"}
             <CommentDate>{date}</CommentDate>
-          </Title>
+          </CommentTitle>
           <ReadOnly>
             <Editor editable={false}>{message}</Editor>
           </ReadOnly>

diff --git a/src/stories/chat/parts/containers.tsx b/src/stories/chat/parts/containers.tsx
@@ -18,4 +18,5 @@ export const MessagesContainer = styled.div<ChatArgs>`
   gap: ${({ theme }) => theme.space.xs};
   background: ${({ chatBkg }) => chatBkg ?? `#fff`};
   overflow-y: auto;
+  border-top: ${({ theme }) => `1px solid ${theme.palette.grey[200]}`};
 `;
diff --git a/src/stories/chat/parts/header.tsx b/src/stories/chat/parts/header.tsx
@@ -5,5 +5,4 @@ export const ChatTitle = styled(Title)`
   color: ${({ theme }) => theme.palette.blue[600]};
   margin: ${({ theme }) => `0 -${theme.space.md}`};
   padding: ${({ theme }) => `${theme.space.sm} ${theme.space.md}`};
-  border-bottom: ${({ theme }) => `1px solid ${theme.palette.grey[200]}`};
 `;
diff --git a/src/stories/editor/editorHeader.tsx b/src/stories/editor/editorHeader.tsx
@@ -7,7 +7,6 @@ const Header = styled.div`
   display: flex;
   flex-direction: column;
   padding: ${({ theme }) => theme.space.xs} ${({ theme }) => theme.space.md};
-  border-bottom: 1px solid ${({ theme }) => theme.palette.grey[300]};
 `;
 
 const Title = styled(MD)<EditorHeaderArgs>`