Fix Record Inline Cell position on Edit mode (twentyhq#5038)

Fixed 0.5 offset of inline cell edit mode
c973447852 · Apr 18, 2024 · 88c14b7 · 88c14b7
1 parent 220a0e9
commit 88c14b7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/...ront/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditMode.tsx b/...ront/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditMode.tsx
@@ -32,7 +32,12 @@ export const RecordInlineCellEditMode = ({
 }: RecordInlineCellEditModeProps) => {
   const { refs, floatingStyles } = useFloating({
     placement: 'right',
-    middleware: [flip(), offset(-1)],
+    middleware: [
+      flip(),
+      offset({
+        crossAxis: -0.5,
+      }),
+    ],
     whileElementsMounted: autoUpdate,
   });
 

diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableRow.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableRow.tsx
@@ -72,7 +72,7 @@ export const RecordTableRow = ({ recordId, rowIndex }: RecordTableRowProps) => {
                 <RecordTableCellFieldContextWrapper />
               </RecordTableCellContext.Provider>
             ))
-          : visibleTableColumns.map((column, columnIndex) => (
+          : visibleTableColumns.map((column) => (
               <td key={column.fieldMetadataId}></td>
             ))}
         <td></td>