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

fix: add hover effect on record table action row (#9633)

Browse Source 
Related to this discord follow up
https://discord.com/channels/1130383047699738754/1328751649174585427
This commit is contained in:
Jérémy M
2025-01-15 11:42:21 +01:00
committed by GitHub
parent 5fb6b18b18
commit eae300a95d
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,18 +8,26 @@ import { IconComponent } from 'twenty-ui';
const StyledRecordTableDraggableTr = styled(RecordTableDraggableTr)` const StyledRecordTableDraggableTr = styled(RecordTableDraggableTr)`
cursor: pointer; cursor: pointer;
transition: background-color ${({ theme }) => theme.animation.duration.fast}
ease-in-out;
&:hover {
background-color: ${({ theme }) => theme.background.transparent.light};
}
`; `;
const StyledIconContainer = styled(RecordTableTd)` const StyledIconContainer = styled(RecordTableTd)`
align-items: center;
background-color: transparent;
border-right: none; border-right: none;
color: ${({ theme }) => theme.font.color.secondary}; color: ${({ theme }) => theme.font.color.secondary};
display: flex; display: flex;
height: 32px; height: 32px;
align-items: center;
justify-content: center; justify-content: center;
`; `;
const StyledRecordTableTdTextContainer = styled(RecordTableTd)` const StyledRecordTableTdTextContainer = styled(RecordTableTd)`
background-color: transparent;
border-right: none; border-right: none;
height: 32px; height: 32px;
`; `;

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

@ -51,7 +51,7 @@ export const RecordTableDraggableTr = forwardRef<
...draggableProvided.draggableProps.style, ...draggableProvided.draggableProps.style,
background: draggableSnapshot.isDragging background: draggableSnapshot.isDragging
? theme.background.transparent.light ? theme.background.transparent.light
: 'none', : undefined,
borderColor: draggableSnapshot.isDragging borderColor: draggableSnapshot.isDragging
? `${theme.border.color.medium}` ? `${theme.border.color.medium}`
: 'transparent', : 'transparent',