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

fix: icon visibility on horizontal scroll #6304 (#6315)

Browse Source 
https://github.com/user-attachments/assets/5f8741ad-bdab-4ef3-8741-dacbd2381ea3

fix: When scrolling horizontally, table header goes behind the first
frozen column #6304
This commit is contained in:
Antar Das
2024-07-19 22:00:31 +06:00
committed by GitHub
parent a374922902
commit a86cc5cb9c
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderDragDropColumn.tsx
View File

@ -1,10 +1,15 @@
import { styled } from '@linaria/react'; import { styled } from '@linaria/react';
import { useContext } from 'react';
import { ThemeContext } from 'twenty-ui';
const StyledTh = styled.th` const StyledTh = styled.th<{ backgroundColor: string;}>`
border-bottom: none; border-bottom: none;
border-top: none; border-top: none;
background: ${({ backgroundColor }) => backgroundColor};
`; `;
export const RecordTableHeaderDragDropColumn = () => { export const RecordTableHeaderDragDropColumn = () => {
return <StyledTh></StyledTh>; const { theme } = useContext(ThemeContext);
return <StyledTh backgroundColor={theme.background.primary}></StyledTh>;
}; };