fix: to align mid points it should be multiple of 10 pixels

ls1intum · Jan 28, 2025 · 2894f98 · 2894f98
1 parent c13dd5f
commit 2894f98
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/library/lib/constants/canvasConstants.ts b/library/lib/constants/canvasConstants.ts
@@ -2,3 +2,4 @@ export const MIN_SCALE_TO_ZOOM_OUT = 0.4
 export const MAX_SCALE_TO_ZOOM_IN = 2.5
 export const MOUSE_UP_OFFSET_IN_PIXELS = 5
 export const HALF_OF_BACKGROUND_BOX_LENGHT_IN_PX = 5
+export const EXTRA_SPACE_FOR_EXTENTION = 10
diff --git a/library/lib/initialElements.ts b/library/lib/initialElements.ts
@@ -54,7 +54,7 @@ export const initialNodes: Node[] = [
   {
     id: "4",
     type: "class",
-    position: { x: 112, y: 320 },
+    position: { x: 120, y: 320 },
     width: 300,
     height: 170,
     selected: false,

diff --git a/library/lib/utils/layoutUtils.ts b/library/lib/utils/layoutUtils.ts
@@ -1,3 +1,5 @@
+import { EXTRA_SPACE_FOR_EXTENTION } from "@/constants"
+
 /**
  * Calculates the minimum width required to fit the text with specified padding and margin.
  * @param maxTextWidth - The maximum width of the text.
@@ -9,7 +11,8 @@ export const calculateMinWidth = (
   padding: number
 ): number => {
   const minWidth = maxTextWidth + 2 * padding
-  const minWidthWithSnapToGrid = Math.ceil(minWidth / 5) * 5
+  const minWidthWithSnapToGrid =
+    Math.ceil(minWidth / EXTRA_SPACE_FOR_EXTENTION) * EXTRA_SPACE_FOR_EXTENTION
   return minWidthWithSnapToGrid
 }
 
@@ -33,6 +36,7 @@ export const calculateMinHeight = (
     headerHeight +
     attributesCount * attributeHeight +
     methodsCount * methodHeight
-  const minHeightWithSnapToGrid = Math.ceil(minHeight / 5) * 5
+  const minHeightWithSnapToGrid =
+    Math.ceil(minHeight / EXTRA_SPACE_FOR_EXTENTION) * EXTRA_SPACE_FOR_EXTENTION
   return minHeightWithSnapToGrid
 }