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

Improve Form Layout + add drag and drop (#11901)

Browse Source 
https://github.com/user-attachments/assets/cf542921-9354-4f7b-b6e8-061ebcaa9a9b

Closes https://github.com/twentyhq/core-team-issues/issues/887
Closes https://github.com/twentyhq/core-team-issues/issues/889
Closes https://github.com/twentyhq/core-team-issues/issues/890
This commit is contained in:
Baptiste Devessier
2025-05-12 12:09:46 +02:00
committed by GitHub
parent ca6e979ead
commit a4656b415c
68 changed files with 631 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/twenty-front/src/modules/object-record/record-field/form-types/components/FormFieldInputContainer.tsx
View File

@ -1,5 +1,4 @@
import styled from '@emotion/styled';
import { ReactNode } from 'react';
const StyledFormFieldInputContainer = styled.div`
display: flex;
@ -7,16 +6,4 @@ const StyledFormFieldInputContainer = styled.div`
width: 100%;
`;
export const FormFieldInputContainer = ({
children,
testId,
}: {
children: ReactNode;
testId?: string;
}) => {
return (
<StyledFormFieldInputContainer data-testid={testId}>
{children}
</StyledFormFieldInputContainer>
);
};
export { StyledFormFieldInputContainer as FormFieldInputContainer };

2
packages/twenty-front/src/modules/object-record/record-field/form-types/components/FormMultiSelectFieldInput.tsx
View File

@ -181,7 +181,7 @@ export const FormMultiSelectFieldInput = ({
const placeholderText = placeholder ?? label;
return (
<FormFieldInputContainer testId={testId}>
<FormFieldInputContainer data-testid={testId}>
{label ? <InputLabel>{label}</InputLabel> : null}
<FormFieldInputRowContainer>

2
packages/twenty-front/src/modules/object-record/record-field/form-types/components/FormSingleRecordPicker.tsx
View File

@ -144,7 +144,7 @@ export const FormSingleRecordPicker = ({
};
return (
<FormFieldInputContainer testId={testId}>
<FormFieldInputContainer data-testid={testId}>
{label ? <InputLabel>{label}</InputLabel> : null}
<FormFieldInputRowContainer>
{disabled ? (