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

fix: 3 first columns should be sticky view group (#9123)

Browse Source 
Fix #9113 

<img width="591" alt="Screenshot 2024-12-18 at 3 33 05 PM"
src="https://github.com/user-attachments/assets/df55eff3-7b0d-4cf0-881b-167e1bf2f97b"
/>

<img width="543" alt="Screenshot 2024-12-18 at 3 34 37 PM"
src="https://github.com/user-attachments/assets/76fe06e1-0a46-4130-921d-1d480306bda2"
/>
This commit is contained in:
Jérémy M
2024-12-18 16:35:08 +01:00
committed by GitHub
parent 94676215ad
commit 01fc70da0f
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-front/src/modules/object-record/record-table/record-table-body/components/RecordTableBodyDroppable.tsx
View File

@ -23,7 +23,7 @@ export const RecordTableBodyDroppable = ({
> >
{(provided) => ( {(provided) => (
<RecordTableBody <RecordTableBody
id={`record-table-body${recordGroupId ? `-${recordGroupId}` : ''}`} id="record-table-body"
ref={provided.innerRef} ref={provided.innerRef}
// eslint-disable-next-line react/jsx-props-no-spreading // eslint-disable-next-line react/jsx-props-no-spreading
{...provided.droppableProps} {...provided.droppableProps}

3
packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx
View File

@ -65,9 +65,10 @@ export const RecordTableActionRow = ({
<StyledIconContainer> <StyledIconContainer>
<LeftIcon size={theme.icon.size.sm} color={theme.font.color.tertiary} /> <LeftIcon size={theme.icon.size.sm} color={theme.font.color.tertiary} />
</StyledIconContainer> </StyledIconContainer>
<StyledRecordTableTdTextContainer colSpan={visibleTableColumns.length}> <StyledRecordTableTdTextContainer>
<StyledText>{text}</StyledText> <StyledText>{text}</StyledText>
</StyledRecordTableTdTextContainer> </StyledRecordTableTdTextContainer>
<StyledEmptyTd colSpan={visibleTableColumns.length - 1} />
<StyledEmptyTd /> <StyledEmptyTd />
<StyledEmptyTd /> <StyledEmptyTd />
</StyledRecordTableDraggableTr> </StyledRecordTableDraggableTr>

3
packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSection.tsx
View File

@ -91,7 +91,7 @@ export const RecordTableRecordGroupSection = () => {
<IconChevronUp size={theme.icon.size.md} /> <IconChevronUp size={theme.icon.size.md} />
</motion.span> </motion.span>
</StyledChevronContainer> </StyledChevronContainer>
<StyledRecordGroupSection colSpan={visibleColumns.length}> <StyledRecordGroupSection>
<Tag <Tag
variant={ variant={
recordGroup.type !== RecordGroupDefinitionType.NoValue recordGroup.type !== RecordGroupDefinitionType.NoValue
@ -108,6 +108,7 @@ export const RecordTableRecordGroupSection = () => {
/> />
<StyledTotalRow>{recordIdsByGroup.length}</StyledTotalRow> <StyledTotalRow>{recordIdsByGroup.length}</StyledTotalRow>
</StyledRecordGroupSection> </StyledRecordGroupSection>
<StyledEmptyTd colSpan={visibleColumns.length - 1} />
<StyledEmptyTd /> <StyledEmptyTd />
<StyledEmptyTd /> <StyledEmptyTd />
</StyledTrContainer> </StyledTrContainer>