fix: removed relative-column class from rectangle (#305)

frappe · Jun 26, 2024 · f8c32de · f8c32de
2 parents c236179 + 4895551
commit f8c32de
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/print_designer/public/js/print_designer/store/ElementStore.js b/print_designer/public/js/print_designer/store/ElementStore.js
@@ -467,7 +467,7 @@ export const useElementStore = defineStore("ElementStore", {
 				if (el.type == "rectangle") {
 					el.childrens = this.computeRowLayout(el.childrens, el);
 					el.layoutType = "column";
-					el.classes.push("relative-column");
+					el.classes = el.classes.filter((c) => c != "relative-column");
 					el.rectangleContainer = true;
 					if (el.childrens.some((e) => e.heightType == "auto-min-height")) {
 						el.heightType = "auto-min-height";
@@ -780,13 +780,15 @@ export const useElementStore = defineStore("ElementStore", {
 			if (wrapper.layoutType == "column") {
 				wrapper.width = dimensions.right - dimensions.left;
 				wrapper.height = parent.height || 0;
+				wrapper.classes = wrapper.classes.filter((c) => c != "relative-column");
 				wrapper.classes.push("relative-column");
 				wrapper.relativeColumn = true;
 			} else {
 				wrapper.width =
 					parent.width ||
 					MainStore.page.width - MainStore.page.marginLeft - MainStore.page.marginRight;
 				wrapper.height = dimensions.bottom - dimensions.top;
+				wrapper.classes = wrapper.classes.filter((c) => c != "relative-row");
 				wrapper.classes.push("relative-row");
 				wrapper.classes.push(wrapper.id);
 			}
@@ -880,6 +882,7 @@ export const useElementStore = defineStore("ElementStore", {
 				parent.width ||
 				MainStore.page.width - MainStore.page.marginLeft - MainStore.page.marginRight;
 			wrapper.height = dimension.bottom - dimension.top;
+			wrapper.classes = wrapper.classes.filter((c) => c != "relative-row");
 			wrapper.classes.push("relative-row");
 			delete wrapper.parent;
 			this.updateRowElement(wrapper, currentRow, parent);
@@ -927,6 +930,7 @@ export const useElementStore = defineStore("ElementStore", {
 			wrapper.layoutType = "column";
 			wrapper.width = dimension.right - dimension.left;
 			wrapper.height = parent.height;
+			wrapper.classes = wrapper.classes.filter((c) => c != "relative-column");
 			wrapper.classes.push("relative-column");
 			wrapper.relativeColumn = true;
 			delete wrapper.parent;