From f4dccc0c68518c6da5e578511eec89b206c22d10 Mon Sep 17 00:00:00 2001 From: harshrajeevsingh Date: Sun, 8 Dec 2024 00:45:12 +0530 Subject: [PATCH 1/3] fix: recordBoard sticky header + scrollThumb --- .../object-record/record-board/components/RecordBoard.tsx | 1 - .../record-index/components/RecordIndexContainer.tsx | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx index f7fee7566b6b..b059ea3cfb13 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx @@ -46,7 +46,6 @@ const StyledColumnContainer = styled.div` const StyledContainerContainer = styled.div` display: flex; flex-direction: column; - height: 100%; `; const StyledBoardContentContainer = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx index 7af9419473e1..2307550a942d 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx @@ -52,7 +52,7 @@ const StyledContainer = styled.div` const StyledContainerWithPadding = styled.div` height: calc(100% - 40px); margin-left: ${({ theme }) => theme.spacing(2)}; - width: 100%; + width: calc(100% - ${({ theme }) => theme.spacing(2)}); `; export const RecordIndexContainer = () => { From d146ae7a632be7c60b6fa36a9a7d6d2dd361af93 Mon Sep 17 00:00:00 2001 From: harshrajeevsingh Date: Sun, 8 Dec 2024 00:56:40 +0530 Subject: [PATCH 2/3] not related but greptile recommendation --- .../record-index/components/RecordIndexContainer.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx index 2307550a942d..0f64ac7b9bf3 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx @@ -50,7 +50,7 @@ const StyledContainer = styled.div` `; const StyledContainerWithPadding = styled.div` - height: calc(100% - 40px); + height: calc(100% - ${({ theme }) => theme.spacing(10)}); margin-left: ${({ theme }) => theme.spacing(2)}; width: calc(100% - ${({ theme }) => theme.spacing(2)}); `; From 52918666180fff1599158dd268368de7f9c889e8 Mon Sep 17 00:00:00 2001 From: ehconitin Date: Wed, 18 Dec 2024 10:29:13 +0530 Subject: [PATCH 3/3] fix --- .../record-index/components/RecordIndexContainer.tsx | 2 +- .../modules/ui/utilities/scroll/components/ScrollWrapper.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx index b39798afcc6e..8b239017f8e9 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx @@ -54,9 +54,9 @@ const StyledContainer = styled.div` `; const StyledContainerWithPadding = styled.div` + box-sizing: border-box; height: calc(100% - ${({ theme }) => theme.spacing(10)}); margin-left: ${({ theme }) => theme.spacing(2)}; - width: calc(100% - ${({ theme }) => theme.spacing(2)}); `; export const RecordIndexContainer = () => { diff --git a/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx b/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx index 7aabec42bb21..597ea6fcd662 100644 --- a/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx +++ b/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx @@ -17,7 +17,7 @@ import 'overlayscrollbars/overlayscrollbars.css'; const StyledScrollWrapper = styled.div<{ scrollHide?: boolean }>` display: flex; - height: fit-content; + height: 100%; width: 100%; .os-scrollbar-handle {