From e99c56f03f7a374f46a571ef1830807c8379f873 Mon Sep 17 00:00:00 2001
From: Camille Moussu <66134347+Eriikah@users.noreply.github.com>
Date: Tue, 21 Oct 2025 12:17:36 +0200
Subject: [PATCH] Handle long descriptions (#228)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>
---
 src/components/Event/EventFormFields.tsx | 12 +++++++++++-
 src/components/Event/InfoRow.tsx         | 17 +++++++++++++++--
 src/features/Events/EventModal.tsx       | 12 +++++++++++-
 3 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/src/components/Event/EventFormFields.tsx b/src/components/Event/EventFormFields.tsx
index 1999d31..c80ee59 100644
--- a/src/components/Event/EventFormFields.tsx
+++ b/src/components/Event/EventFormFields.tsx
@@ -291,7 +291,17 @@ export default function EventFormFields({
             size="small"
             margin="dense"
             multiline
-            rows={2}
+            minRows={2}
+            maxRows={10}
+            sx={{
+              "& .MuiInputBase-root": {
+                maxHeight: "33%",
+                overflowY: "auto",
+              },
+              "& textarea": {
+                resize: "vertical",
+              },
+            }}
           />
         </FieldWithLabel>
       )}
diff --git a/src/components/Event/InfoRow.tsx b/src/components/Event/InfoRow.tsx
index 6063c3a..25195b5 100644
--- a/src/components/Event/InfoRow.tsx
+++ b/src/components/Event/InfoRow.tsx
@@ -62,7 +62,14 @@ export function InfoRow({
   content,
 }: InfoRowProps) {
   return (
-    <Box style={{ display: "flex", alignItems: "center", gap: 1, mb: 1 }}>
+    <Box
+      style={{
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        marginBottom: 1,
+      }}
+    >
       {icon}
       {content ? (
         content
@@ -70,7 +77,13 @@ export function InfoRow({
         <Typography
           variant="body2"
           color={error ? "error" : "textPrimary"}
-          style={{ wordBreak: "break-word" }}
+          style={{
+            wordBreak: "break-word",
+            whiteSpace: "pre-line",
+            maxHeight: "33vh",
+            overflowY: "auto",
+            width: "100%",
+          }}
         >
           {data ? (
             <Link
diff --git a/src/features/Events/EventModal.tsx b/src/features/Events/EventModal.tsx
index c1ddb0c..7739d94 100644
--- a/src/features/Events/EventModal.tsx
+++ b/src/features/Events/EventModal.tsx
@@ -490,7 +490,17 @@ function EventPopover({
             size="small"
             margin="dense"
             multiline
-            rows={2}
+            minRows={2}
+            maxRows={10}
+            sx={{
+              "& .MuiInputBase-root": {
+                maxHeight: "33%",
+                overflowY: "auto",
+              },
+              "& textarea": {
+                resize: "vertical",
+              },
+            }}
           />
         </FieldWithLabel>
       )}