diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTable.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTable.tsx index 2afb86e9875c..84a8e13cbdb3 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTable.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTable.tsx @@ -53,6 +53,8 @@ const StyledTable = styled.table<{ color: ${({ theme }) => theme.font.color.primary}; border-right: 1px solid ${({ theme }) => theme.border.color.light}; + padding: 0; + text-align: left; :last-child { diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.module.css b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.module.css index eef506c67a98..ed8e3802356b 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.module.css +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.module.css @@ -27,6 +27,6 @@ .cell-base-container-soft-focus { background: var(--twentycrm-background-transparent-secondary); border-radius: var(--twentycrm-border-radius-sm); - outline: 1px solid var(--twentycrm-font-color-extra-light); + border: 1px solid var(--twentycrm-font-color-extra-light); } diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.module.css b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.module.css index d2184fcda0ba..381efe436ff1 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.module.css +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.module.css @@ -3,15 +3,12 @@ display: flex; height: 100%; overflow: hidden; - padding-left: 8px; - padding-right: 4px; + padding-left: 6px; width: 100%; } -.cell-display-outer-container-soft-focus { - background: var(--twentycrm-background-transparent-secondary); - border-radius: var(--twentycrm-border-radius-sm); - outline: 1px solid var(--twentycrm-font-color-extra-light); +.cell-display-with-soft-focus { + margin: -1px; } .cell-display-inner-container { diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx index f2db2901da0e..e47277cc1d50 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx @@ -23,7 +23,7 @@ export const RecordTableCellDisplayContainer = ({ onClick={onClick} className={clsx({ [styles.cellDisplayOuterContainer]: true, - [styles.cellDisplayOuterContainerSoftFocus]: softFocus, + [styles.cellDisplayWithSoftFocus]: softFocus, })} ref={scrollRef} > diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayMode.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayMode.tsx index 566be79baf32..f562348e7974 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayMode.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayMode.tsx @@ -4,7 +4,8 @@ import { RecordTableCellDisplayContainer } from './RecordTableCellDisplayContain export const RecordTableCellDisplayMode = ({ children, -}: React.PropsWithChildren) => { + softFocus, +}: React.PropsWithChildren<{ softFocus?: boolean }>) => { const isEmpty = useIsFieldEmpty(); if (isEmpty) { @@ -12,7 +13,7 @@ export const RecordTableCellDisplayMode = ({ } return ( - + {children} ); diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellSoftFocusMode.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellSoftFocusMode.tsx index e7f3a03599e3..6dd6387a15af 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellSoftFocusMode.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellSoftFocusMode.tsx @@ -159,6 +159,7 @@ export const RecordTableCellSoftFocusMode = ({ {editModeContentOnly ? editModeContent : nonEditModeContent} diff --git a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts index 6f302e6ea90e..ef2ea0b15826 100644 --- a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts +++ b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts @@ -88,5 +88,5 @@ export const SETTINGS_FIELD_CURRENCY_CODES: Record< BRL: { label: 'Brazilian real', Icon: IconCurrencyReal, - } + }, };