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

fix: columns overlapping with checkbox column when horizantally scrolling (#3705)

Browse Source
This commit is contained in:
Anoop P
2024-01-31 16:19:01 +05:30
committed by GitHub
parent edf62f3a3b
commit f6e9456ef6
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/twenty-front/src/modules/object-record/record-table/components/RecordTableRow.tsx
View File

@ -22,6 +22,10 @@ const StyledPlaceholder = styled.td`
height: 30px; height: 30px;
`; `;
const StyledTd = styled.td`
background-color: ${({ theme }) => theme.background.primary};
`;
export const RecordTableRow = ({ recordId, rowIndex }: RecordTableRowProps) => { export const RecordTableRow = ({ recordId, rowIndex }: RecordTableRowProps) => {
const { getVisibleTableColumnsSelector, isRowSelectedFamilyState } = const { getVisibleTableColumnsSelector, isRowSelectedFamilyState } =
useRecordTableStates(); useRecordTableStates();
@ -54,9 +58,9 @@ export const RecordTableRow = ({ recordId, rowIndex }: RecordTableRowProps) => {
> >
{inView ? ( {inView ? (
<> <>
<td> <StyledTd>
<CheckboxCell /> <CheckboxCell />
</td> </StyledTd>
{[...visibleTableColumns] {[...visibleTableColumns]
.sort((columnA, columnB) => columnA.position - columnB.position) .sort((columnA, columnB) => columnA.position - columnB.position)
.map((column, columnIndex) => { .map((column, columnIndex) => {