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

Replace align-center with padding (#18384)

Browse Source 
Toggle using align-self prevents the use of align-items

Before
<img width="323" height="54" alt="Capture d’écran 2026-03-04 à 16 11
22"
src="https://github.com/user-attachments/assets/08154592-7901-4cb4-84b8-d3091c7d5555"
/>

After
<img width="323" height="54" alt="Capture d’écran 2026-03-04 à 16 11
14"
src="https://github.com/user-attachments/assets/2a6071f6-50cd-4947-85e0-0c0a5b1685cd"
/>
This commit is contained in:
Thomas Trompette
2026-03-04 16:15:56 +01:00
committed by GitHub
parent d59d2efb8b
commit f09a9cc25a
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/twenty-front/src/modules/object-record/record-field/ui/form-types/components/FormBooleanFieldToggleInput.tsx
+2 -1
View File
@@ -29,7 +29,6 @@ const StyledDescription = styled.span`
`;
const StyledToggleContainer = styled.div`
align-items: center;
background-color: ${themeCssVariables.background.transparent.lighter};
border-top: 1px solid ${themeCssVariables.border.color.medium};
border-bottom: 1px solid ${themeCssVariables.border.color.medium};
@@ -38,6 +37,8 @@ const StyledToggleContainer = styled.div`
border-top-right-radius: ${themeCssVariables.border.radius.sm};
display: flex;
padding-right: ${themeCssVariables.spacing[2]};
padding-top: ${themeCssVariables.spacing[2]};
padding-bottom: ${themeCssVariables.spacing[2]};
`;
export const FormBooleanFieldToggleInput = ({