Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 01:18:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: fixed issues with snaping to grid

Browse source
This commit is contained in:
Johnson Cherian 2023-10-24 14:37:11 +05:30
parent 74ef6dbd88
commit 707872cd8e
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/Editor/DragContainer.jsx
View file

@ -273,12 +273,16 @@ export default function DragContainer({
if (parentElem) {
left = left - parentElem.left * gridWidth;
top = top - parentElem.top;
} else {
e.target.style.transform = `translate(${Math.round(left / gridWidth) * gridWidth}px, ${
Math.round(top / 10) * 10
}px)`;
}
onDrag([
{
id: e.target.id,
x: left,
y: top,
y: Math.round(top / 10) * 10,
parent: draggedOverElemId,
},
]);
@ -337,6 +341,8 @@ export default function DragContainer({
snapThreshold={5}
elementGuidelines={list.map((l) => ({ element: `.ele-${l.id}` }))}
isDisplaySnapDigit={false}
snapGridWidth={gridWidth * 2}
// snapGridHeight={10}
// verticalGuidelines={[50, 150, 250, 450, 550]}
// horizontalGuidelines={[0, 100, 200, 400, 500]}
/>