admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: recordBoard sticky header + scrollThumb (#8946)

Browse Source 
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 <nitinkoche03@gmail.com>
This commit is contained in:
Harsh Singh
2024-12-18 11:08:54 +05:30
committed by GitHub
parent fb8d193238
commit e0f1db2ed3
3 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx
View File

@ -46,7 +46,6 @@ const StyledColumnContainer = styled.div`
const StyledContainerContainer = styled.div` const StyledContainerContainer = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%;
`; `;
const StyledBoardContentContainer = styled.div` const StyledBoardContentContainer = styled.div`

4
packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx
View File

@ -54,9 +54,9 @@ const StyledContainer = styled.div`
`; `;
const StyledContainerWithPadding = 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)}; margin-left: ${({ theme }) => theme.spacing(2)};
width: 100%;
`; `;
export const RecordIndexContainer = () => { export const RecordIndexContainer = () => {

2
packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx
View File

@ -17,7 +17,7 @@ import 'overlayscrollbars/overlayscrollbars.css';
const StyledScrollWrapper = styled.div<{ scrollHide?: boolean }>` const StyledScrollWrapper = styled.div<{ scrollHide?: boolean }>`
display: flex; display: flex;
height: fit-content; height: 100%;
width: 100%; width: 100%;
.os-scrollbar-handle { .os-scrollbar-handle {