diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx index 65019948a..f04d37b79 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableActionRow.tsx @@ -8,18 +8,26 @@ import { IconComponent } from 'twenty-ui'; const StyledRecordTableDraggableTr = styled(RecordTableDraggableTr)` 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)` + align-items: center; + background-color: transparent; border-right: none; color: ${({ theme }) => theme.font.color.secondary}; display: flex; height: 32px; - align-items: center; justify-content: center; `; const StyledRecordTableTdTextContainer = styled(RecordTableTd)` + background-color: transparent; border-right: none; height: 32px; `; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx index 77830ac00..973bd11e9 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx @@ -51,7 +51,7 @@ export const RecordTableDraggableTr = forwardRef< ...draggableProvided.draggableProps.style, background: draggableSnapshot.isDragging ? theme.background.transparent.light - : 'none', + : undefined, borderColor: draggableSnapshot.isDragging ? `${theme.border.color.medium}` : 'transparent',