From 9da2a74d9e419a8e3b72e57d6903a1c7ff84a3a0 Mon Sep 17 00:00:00 2001 From: Murali Singh <68021313+muraliSingh7@users.noreply.github.com> Date: Tue, 15 Apr 2025 18:12:21 +0530 Subject: [PATCH] Fix inline field height #11442 (#11553) Screenshots: ![Image](https://github.com/user-attachments/assets/998f2a88-53ab-49ef-8bb5-c7bef9158b0d) ![Image](https://github.com/user-attachments/assets/218c8f4b-f8d1-4d49-8029-8f99113f01ec) ![Image](https://github.com/user-attachments/assets/1dfde61a-62bb-403a-af3d-fb99c16ab29e) @Bonapara Can you confirm is this what you expected ? --- .../record-inline-cell/components/RecordInlineCellContainer.tsx | 1 + .../components/RecordInlineCellDisplayMode.tsx | 2 -- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx index a073cdfbc..b40a42c85 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx @@ -58,6 +58,7 @@ const StyledInlineCellBaseContainer = styled.div` width: 100%; display: flex; height: fit-content; + min-height: 24px; gap: ${({ theme }) => theme.spacing(1)}; user-select: none; align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx index 85c21af79..4dcc59c0b 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx @@ -44,8 +44,6 @@ const StyledRecordInlineCellNormalModeInnerContainer = styled.div` align-items: center; color: ${({ theme }) => theme.font.color.primary}; height: fit-content; - padding-top: 3px; - padding-bottom: 3px; overflow: hidden; text-overflow: ellipsis;