From 21de4f02dcd73e8d3c9e8c7d2bac55676d67ec62 Mon Sep 17 00:00:00 2001 From: abdullah5361k Date: Wed, 16 Oct 2024 23:15:09 +0500 Subject: [PATCH 1/3] fix: Adjust the line height and expand the maximum height of the placeholder subtitle text. --- .../components/EmptyPlaceholderStyled.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/twenty-front/src/modules/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx b/packages/twenty-front/src/modules/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx index d088ec7e53a2..a3182f139717 100644 --- a/packages/twenty-front/src/modules/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx +++ b/packages/twenty-front/src/modules/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx @@ -46,8 +46,8 @@ const StyledEmptySubTitle = styled.div` color: ${({ theme }) => theme.font.color.tertiary}; font-size: ${({ theme }) => theme.font.size.sm}; font-weight: ${({ theme }) => theme.font.weight.regular}; - line-height: ${({ theme }) => theme.text.lineHeight.md}; - max-height: 2.4em; + line-height: ${({ theme }) => theme.text.lineHeight.lg}; + max-height: 2.8em; overflow: hidden; width: 50%; `; From 9a4ae36140b0fdf36af8f1c08b43dbf222ef68c2 Mon Sep 17 00:00:00 2001 From: abdullah5361k Date: Thu, 17 Oct 2024 22:27:33 +0500 Subject: [PATCH 2/3] decrease tow gap between title & description --- .../animated-placeholder/components/EmptyPlaceholderStyled.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx b/packages/twenty-front/src/modules/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx index a3182f139717..e942ef6c99bb 100644 --- a/packages/twenty-front/src/modules/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx +++ b/packages/twenty-front/src/modules/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled.tsx @@ -26,7 +26,7 @@ const StyledEmptyTextContainer = styled.div` align-items: center; display: flex; flex-direction: column; - gap: ${({ theme }) => theme.spacing(3)}; + gap: ${({ theme }) => theme.spacing(2)}; justify-content: center; text-align: center; width: 100%; From 2a4252fe7841fc4667654eb716fac932a96b88e2 Mon Sep 17 00:00:00 2001 From: abdullah5361k Date: Wed, 23 Oct 2024 10:28:46 +0500 Subject: [PATCH 3/3] chore: updated with light background color --- .../ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx index 150898cc36b6..00bd7461dee6 100644 --- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx +++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx @@ -23,5 +23,6 @@ export const StyledHeaderDropdownButton = styled.div` &:hover { filter: brightness(0.95); + background: ${({ theme }) => theme.background.transparent.light}; } `;