From 5c23b52c0d88aba41804d38860d8ae719f492e7d Mon Sep 17 00:00:00 2001 From: Guillim Date: Tue, 15 Apr 2025 15:15:37 +0200 Subject: [PATCH] multiline CSS aligned to the top (#11582) Updating CSS for inline cells so that multilie works fine and are aligned to the top Fixes https://github.com/twentyhq/core-team-issues/issues/757?issue=twentyhq%7Ctwenty%7C11495 --- .../components/RecordInlineCellContainer.tsx | 4 ++-- 1 file changed, 2 insertions(+), 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 b40a42c85..cd7e2d848 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 @@ -34,10 +34,11 @@ const StyledIconContainer = styled.div` const StyledLabelAndIconContainer = styled.div` align-items: center; + align-self: flex-start; color: ${({ theme }) => theme.font.color.tertiary}; display: flex; gap: ${({ theme }) => theme.spacing(1)}; - height: 18px; + height: 24px; `; const StyledValueContainer = styled.div` @@ -58,7 +59,6 @@ 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;