jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fixed node dragging image

Browse source
This commit is contained in:
Lucas Oliveira 2023-05-29 19:52:49 -03:00
commit 6f984ca77f
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -14,7 +14,11 @@ export default function ExtraSidebar() {
data: { type: string; node?: APIClassType } data: { type: string; node?: APIClassType }
) { ) {
//start drag event //start drag event
event.dataTransfer.effectAllowed = "move"; var crt = event.currentTarget.cloneNode(true);
crt.style.position = "absolute"; crt.style.top = "-500px"; crt.style.right = "-500px";
crt.classList.add("cursor-grabbing");
document.body.appendChild(crt);
event.dataTransfer.setDragImage(crt, 0, 0);
event.dataTransfer.setData("json", JSON.stringify(data)); event.dataTransfer.setData("json", JSON.stringify(data));
} }
@ -48,8 +52,13 @@ export default function ExtraSidebar() {
node: data[d][t], node: data[d][t],
}) })
} }
onDragEnd={() => {
document.body.removeChild(
document.getElementsByClassName("cursor-grabbing")[0]
);
}}
> >
<div className="flex w-full justify-between text-sm px-3 py-1 items-center border-dashed border-gray-400 dark:border-gray-600 border-l-0 rounded-md rounded-l-none border"> <div className="flex w-full justify-between text-sm px-3 py-1 bg-white dark:bg-gray-800 items-center border-dashed border-gray-400 dark:border-gray-600 border-l-0 rounded-md rounded-l-none border">
<span className="text-black dark:text-white w-36 pr-1 truncate text-xs"> <span className="text-black dark:text-white w-36 pr-1 truncate text-xs">
{t} {t}
</span> </span>