admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: text field overflow beyond cell limits (#5834)

Browse Source 
- fixes #5775 


https://github.com/twentyhq/twenty/assets/47355538/9e440018-ec1e-4faa-a9f3-7131615cf9f1

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Siddhant Rai
2024-06-14 15:11:49 +05:30
committed by GitHub
parent 4603999d1c
commit 8d8bf1c128
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/ui/field/input/components/FieldTextAreaOverlay.tsx
View File

@ -2,10 +2,12 @@ import styled from '@emotion/styled';
import { OVERLAY_BACKGROUND } from 'twenty-ui'; import { OVERLAY_BACKGROUND } from 'twenty-ui';
const StyledFieldTextAreaOverlay = styled.div` const StyledFieldTextAreaOverlay = styled.div`
position: absolute;
top: 0;
border-radius: ${({ theme }) => theme.border.radius.sm}; border-radius: ${({ theme }) => theme.border.radius.sm};
align-items: center; align-items: center;
display: flex; display: flex;
height: 32px; max-height: 420px;
margin: -1px; margin: -1px;
width: 100%; width: 100%;
${OVERLAY_BACKGROUND} ${OVERLAY_BACKGROUND}

1
packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx
View File

@ -30,6 +30,7 @@ const StyledTextArea = styled(TextareaAutosize)`
display: flex; display: flex;
justify-content: center; justify-content: center;
resize: none; resize: none;
max-height: 400px;
width: calc(100% - ${({ theme }) => theme.spacing(7)}); width: calc(100% - ${({ theme }) => theme.spacing(7)});
`; `;