From 03e4092d94ad8b34d4b7e31ddcf5686192916586 Mon Sep 17 00:00:00 2001 From: Siddhant Rai Date: Wed, 12 Jun 2024 14:46:36 +0530 Subject: [PATCH 1/2] fix: text area overflow --- .../ui/field/input/components/FieldTextAreaOverlay.tsx | 5 +++-- .../src/modules/ui/field/input/components/TextAreaInput.tsx | 1 + 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx b/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx index 6ebabfc23d5a..f6f292c1ab1b 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx @@ -2,11 +2,12 @@ import styled from '@emotion/styled'; import { OVERLAY_BACKGROUND } from 'twenty-ui'; const StyledFieldTextAreaOverlay = styled.div` + position: absolute; + top: 0; border-radius: ${({ theme }) => theme.border.radius.sm}; align-items: center; display: flex; - height: 32px; - margin: -1px; + max-height: 420px; width: 100%; ${OVERLAY_BACKGROUND} `; diff --git a/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx index 44379c3e2fc7..8c2a8cee07db 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx @@ -30,6 +30,7 @@ const StyledTextArea = styled(TextareaAutosize)` display: flex; justify-content: center; resize: none; + max-height: 400px; width: calc(100% - ${({ theme }) => theme.spacing(7)}); `; From f4e64a6051bc5051f24d6b7f4c6fde643fdff157 Mon Sep 17 00:00:00 2001 From: Siddhant Rai Date: Wed, 12 Jun 2024 15:04:36 +0530 Subject: [PATCH 2/2] fix: omitted margin style --- .../modules/ui/field/input/components/FieldTextAreaOverlay.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx b/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx index f6f292c1ab1b..6be66c368982 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx @@ -8,6 +8,7 @@ const StyledFieldTextAreaOverlay = styled.div` align-items: center; display: flex; max-height: 420px; + margin: -1px; width: 100%; ${OVERLAY_BACKGROUND} `;