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

fix #7781 made kanban board title and checkbox 24px (#7815)

Browse Source 
# issue: #7781 

- [x] titlechip to 24px
- [x] checkbox to 24px
![Screenshot 2024-10-18
134759](https://github.com/user-attachments/assets/e9d347e3-41b8-4b0d-a072-d139ed982971)
![Screenshot 2024-10-18
134708](https://github.com/user-attachments/assets/8b83f6dd-96ac-4a4e-b6ae-85d3e2923fb9)
This commit is contained in:
NitinPSingh
2024-10-18 21:32:43 +05:30
committed by GitHub
parent 9c8eeeea9d
commit e50117e3b0
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/twenty-front/src/modules/ui/input/components/Checkbox.tsx
View File

@ -52,7 +52,10 @@ const StyledInputContainer = styled.div<InputProps>`
cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')}; cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
display: flex; display: flex;
padding: ${({ theme }) => theme.spacing(1)}; padding: ${({ theme, checkboxSize }) =>
checkboxSize === CheckboxSize.Large
? theme.spacing(1.5)
: theme.spacing(1.25)};
position: relative; position: relative;
${({ hoverable, isChecked, theme, indeterminate, disabled }) => { ${({ hoverable, isChecked, theme, indeterminate, disabled }) => {
if (!hoverable || disabled === true) return ''; if (!hoverable || disabled === true) return '';
@ -126,10 +129,9 @@ const StyledInput = styled.input<InputProps>`
} }
& + label > svg { & + label > svg {
--padding: ${({ checkboxSize }) => --padding: 0px;
checkboxSize === CheckboxSize.Large ? '2px' : '1px'};
--size: ${({ checkboxSize }) => --size: ${({ checkboxSize }) =>
checkboxSize === CheckboxSize.Large ? '16px' : '12px'}; checkboxSize === CheckboxSize.Large ? '20px' : '14px'};
height: var(--size); height: var(--size);
left: var(--padding); left: var(--padding);
position: absolute; position: absolute;

2
packages/twenty-ui/src/display/chip/components/Chip.tsx
View File

@ -66,7 +66,7 @@ const StyledContainer = withTheme(styled.div<
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
gap: ${({ theme }) => theme.spacing(1)}; gap: ${({ theme }) => theme.spacing(1)};
height: ${({ theme }) => theme.spacing(3)}; height: ${({ theme }) => theme.spacing(4)};
max-width: ${({ maxWidth }) => max-width: ${({ maxWidth }) =>
maxWidth maxWidth
? `calc(${maxWidth}px - 2 * var(--chip-horizontal-padding))` ? `calc(${maxWidth}px - 2 * var(--chip-horizontal-padding))`