diff --git a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetInlineCellEditMode.tsx b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetInlineCellEditMode.tsx index 0c884b203..bec5740b5 100644 --- a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetInlineCellEditMode.tsx +++ b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetInlineCellEditMode.tsx @@ -22,9 +22,9 @@ import { ObjectRecordForSelect } from '@/object-record/relation-picker/hooks/use import { prefillRecord } from '@/object-record/utils/prefillRecord'; const StyledSelectContainer = styled.div` - left: 0px; position: absolute; - top: -8px; + left: 0; + top: 0; `; type ActivityTargetInlineCellEditModeProps = { diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx index cb2d67b7a..1514ec9f3 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx @@ -34,7 +34,8 @@ const StyledLabelAndIconContainer = styled.div` const StyledValueContainer = styled.div` display: flex; - width: 100%; + flex-grow: 1; + min-width: 0; `; const StyledLabelContainer = styled.div<{ width?: number }>` diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx index a1042ddd0..08a5cadba 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx @@ -72,35 +72,40 @@ export const RecordInlineCellValue = ({ return ; } - return !readonly && isInlineCellInEditMode ? ( - {editModeContent} - ) : editModeContentOnly ? ( - - - {editModeContent} - - - ) : ( - - - {displayModeContent} - - {showEditButton && } - + return ( + <> + {!readonly && isInlineCellInEditMode && ( + {editModeContent} + )} + {editModeContentOnly ? ( + + + {editModeContent} + + + ) : ( + + + {displayModeContent} + + {showEditButton && } + + )} + ); }; diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx index 6ff27ac73..48b3f5ce2 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx @@ -142,15 +142,14 @@ export const RecordTableCellContainer = ({ [styles.cellBaseContainerSoftFocus]: hasSoftFocus, })} > - {isInEditMode ? ( + {isInEditMode && ( {editModeContent} - ) : hasSoftFocus ? ( - <> - - + )} + {hasSoftFocus ? ( + ) : ( {nonEditModeContent} diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx index 99c52de42..16e59db8d 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx @@ -4,6 +4,7 @@ import styled from '@emotion/styled'; import { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'; const StyledEditableCellEditModeContainer = styled.div` + position: absolute; align-items: center; display: flex; min-width: 200px;