admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Adjutment to the padding (#12619)

Browse Source 
it is an unusual 2.75 here.

I tried to set it to 3 however it requires a big re-work on all cells of
the table. The main concern being the new border left of 1px for the
"focus mode"

Note: to be fair, we are not 100% aligned with the Figma on the paddings
and alignment contruction. It is not related to this issue, but makes
this fix not ideal since not aligned with our CSS standards.

Fixes https://github.com/twentyhq/twenty/issues/12607

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Guillim
2025-06-17 15:45:00 +02:00
committed by GitHub
parent bcfa08389b
commit 834ae3ceb5
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckbox.tsx
View File

@ -16,6 +16,7 @@ const StyledContainer = styled.div`
height: 32px;
justify-content: center;
min-width: ${TABLE_CELL_CHECKBOX_MIN_WIDTH};
padding-right: ${({ theme }) => theme.spacing(1)};
`;
const StyledRecordTableTd = styled(RecordTableTd)`

2
packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeader.tsx
View File

@ -8,7 +8,7 @@ import { RecordTableHeaderDragDropColumn } from '@/object-record/record-table/re
import { RecordTableHeaderLastColumn } from '@/object-record/record-table/record-table-header/components/RecordTableHeaderLastColumn';
import { MOBILE_VIEWPORT } from 'twenty-ui/theme';
export const FIRST_TH_WIDTH = '9px';
export const FIRST_TH_WIDTH = '10px';
const StyledTableHead = styled.thead`
cursor: pointer;

6
packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCheckboxColumn.tsx
View File

@ -16,6 +16,8 @@ const StyledContainer = styled.div`
display: flex;
height: 32px;
justify-content: center;
width: 24px;
padding-right: ${({ theme }) => theme.spacing(1)};
background-color: ${({ theme }) => theme.background.primary};
`;
@ -27,8 +29,8 @@ const StyledColumnHeaderCell = styled.th<{
isFirstRowActiveOrFocused
? 'none'
: `1px solid ${theme.border.color.light}`};
border-right: transparent;
width: 30px;
width: 28px;
box-sizing: border-box;
`;
export const RecordTableHeaderCheckboxColumn = () => {