diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditMode.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditMode.tsx index 01cf36c8f..f284e47bc 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditMode.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditMode.tsx @@ -50,7 +50,11 @@ export const RecordInlineCellEditMode = ({ data-testid="inline-cell-edit-mode-container" > {createPortal( - + {children} , document.body, 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 ecb2a8e28..797d50939 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 @@ -40,7 +40,11 @@ export const RecordTableCellEditMode = ({ ref={refs.setReference} data-testid="editable-cell-edit-mode-container" > - + {children} diff --git a/packages/twenty-front/src/modules/ui/layout/overlay/components/OverlayContainer.tsx b/packages/twenty-front/src/modules/ui/layout/overlay/components/OverlayContainer.tsx index 1a8bc8bc3..a3265a8b0 100644 --- a/packages/twenty-front/src/modules/ui/layout/overlay/components/OverlayContainer.tsx +++ b/packages/twenty-front/src/modules/ui/layout/overlay/components/OverlayContainer.tsx @@ -1,14 +1,17 @@ import styled from '@emotion/styled'; // eslint-disable-next-line @nx/workspace-styled-components-prefixed-with-styled -export const OverlayContainer = styled.div` +export const OverlayContainer = styled.div<{ + borderRadius?: 'sm' | 'md'; +}>` align-items: center; display: flex; backdrop-filter: ${({ theme }) => theme.blur.medium}; width: fit-content; - border-radius: ${({ theme }) => theme.border.radius.md}; + border-radius: ${({ theme, borderRadius }) => + theme.border.radius[borderRadius ?? 'md']}; background: ${({ theme }) => theme.background.transparent.primary}; border: 1px solid ${({ theme }) => theme.border.color.medium};