Merge pull request #931 from SE-TINF22B6/frontend

Fix: Adapt comment for longer texts
SE-TINF22B6 · Jun 11, 2024 · 371d56f · 371d56f
2 parents 8de8e6d + f48a646
commit 371d56f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/main/web/src/organisms/comment/Comment.css b/src/main/web/src/organisms/comment/Comment.css
@@ -1,7 +1,6 @@
 .comment {
   background-color: var(--component-grey);
   border-radius: var(--border-radius);
-  height: auto;
   margin-top: 10px;
   margin-left: 20px;
   margin-right: 20px;
@@ -14,6 +13,7 @@
   display: flex;
   flex-direction: row;
   gap: 20px;
+  align-items: center;
 }
 
 .comment-text, .comment-author-date {
@@ -22,10 +22,9 @@
 }
 
 .comment-text {
-  position: absolute;
-  top: 20px;
-  left: 18%;
-  width: 60%;
+  position: relative;
+  left: 20px;
+  width: 800px;
   font-size: var(--headline-font-size);
   font-weight: var(--normal-font-weight);
 }

diff --git a/src/main/web/src/organisms/comment/Comment.tsx b/src/main/web/src/organisms/comment/Comment.tsx
@@ -90,12 +90,12 @@ export const Comment: React.FC<CommentProps> = (props: CommentProps) => {
       }
     };
     document.addEventListener('keydown', handleEsc);
-    return () => {
+    return (): void => {
       document.removeEventListener('keydown', handleEsc);
     };
   }, [reportOpen, handleClose]);
 
-  useEffect(() => {
+  useEffect((): void => {
     const fetchUserId = async () => {
       const id = await getUserIdByAccountId(accountId);
       setUserId(id);