From 10240eb5c645ed8a86b48f676a363547bf59469b Mon Sep 17 00:00:00 2001 From: "Dr.Lt.Data" <128333288+ltdrdata@users.noreply.github.com> Date: Sat, 6 May 2023 10:36:31 +0900 Subject: [PATCH] Update web/extensions/core/maskeditor.js Co-authored-by: missionfloyd --- web/extensions/core/maskeditor.js | 25 +++++++++++-------------- 1 file changed, 11 insertions(+), 14 deletions(-) diff --git a/web/extensions/core/maskeditor.js b/web/extensions/core/maskeditor.js index f88ddeb40..ac8f713d1 100644 --- a/web/extensions/core/maskeditor.js +++ b/web/extensions/core/maskeditor.js @@ -173,28 +173,25 @@ class MaskEditorDialog extends ComfyDialog { this.element.appendChild(bottom_panel); document.body.appendChild(brush); - var clearButton = this.createLeftButton("Clear", "280px", + var brush_size_slider = this.createLeftSlider(self, "Thickness", (event) => { + self.brush_size = event.target.value; + self.updateBrushPreview(self, null, null); + }); + var clearButton = this.createLeftButton("Clear", () => { self.maskCtx.clearRect(0, 0, self.maskCanvas.width, self.maskCanvas.height); self.backupCtx.clearRect(0, 0, self.backupCanvas.width, self.backupCanvas.height); }); - - var saveButton = this.createRightButton("Save", "110px", () => { - document.removeEventListener("mouseup", MaskEditorDialog.handleMouseUp); - document.removeEventListener("keydown", MaskEditorDialog.handleKeyDown); - self.save(); - }); - - var cancelButton = this.createRightButton("Cancel", "20px", () => { + var cancelButton = this.createRightButton("Cancel", () => { document.removeEventListener("mouseup", MaskEditorDialog.handleMouseUp); document.removeEventListener("keydown", MaskEditorDialog.handleKeyDown); self.close(); }); - - var brush_size_slider = this.createLeftSlider(self, "Thickness", "20px", (event) => { - self.brush_size = event.target.value; - self.updateBrushPreview(self, null, null); - }); + var saveButton = this.createRightButton("Save", () => { + document.removeEventListener("mouseup", MaskEditorDialog.handleMouseUp); + document.removeEventListener("keydown", MaskEditorDialog.handleKeyDown); + self.save(); + }); this.element.appendChild(imgCanvas); this.element.appendChild(maskCanvas);