Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 00:03:33 +10:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Delete button drags field fix

Browse Source
This commit is contained in:
Timur Ercan
2023-02-15 13:15:41 +01:00
parent 2f0fd4757e
commit dd9b8a7f7d
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/web/components/editor/field.tsx
View File

@ -48,6 +48,7 @@ export default function Field(props: FieldPropsType) {
onDrag={onControlledDrag}
onStop={onDragStop}
defaultPosition={{ x: 0, y: 0 }}
cancel="strong"
>
<div
ref={nodeRef}
@ -55,7 +56,13 @@ export default function Field(props: FieldPropsType) {
className="cursor-move opacity-80 p-2 m-auto w-auto flex-row-reverse text-lg font-bold text-center absolute top-0 left-0"
>
<div className="m-auto w-auto flex-row-reverse text-lg font-bold text-center">
{/* todo icons */}
{field.type}
<div className="text-xs text-center">{props.field.recipient}</div>
</div>
<strong>
<IconButton
className="absolute top-0 right-0"
icon={TrashIcon}
onClick={(event: any) => {
if (confirm("Delete field?")) {
@ -63,10 +70,7 @@ export default function Field(props: FieldPropsType) {
}
}}
></IconButton>
{/* todo icons */}
{field.type}
<div className="text-xs text-center">{props.field.recipient}</div>
</div>
</strong>
</div>
</Draggable>
);