From e0f1db2ed3388e91f2eb672b0128b300ed5220bf Mon Sep 17 00:00:00 2001 From: Harsh Singh Date: Wed, 18 Dec 2024 11:08:54 +0530 Subject: [PATCH] fix: recordBoard sticky header + scrollThumb (#8946) Fixes: #8944 [Screencast from 2024-12-08 00-43-19.webm](https://github.com/user-attachments/assets/b6e15fcc-46a1-4ab0-aacf-86056248bb69) --------- Co-authored-by: ehconitin --- .../object-record/record-board/components/RecordBoard.tsx | 1 - .../record-index/components/RecordIndexContainer.tsx | 4 ++-- .../modules/ui/utilities/scroll/components/ScrollWrapper.tsx | 2 +- 3 files changed, 3 insertions(+), 4 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 e83c3e4f5..0c40b98f6 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 c82c15a71..8b239017f 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` - height: calc(100% - 40px); + box-sizing: border-box; + height: calc(100% - ${({ theme }) => theme.spacing(10)}); margin-left: ${({ theme }) => theme.spacing(2)}; - width: 100%; `; 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 7aabec42b..597ea6fcd 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 {