Sync PR (#182)

#133

src/assets/css/style.css

@@ -37,7 +37,7 @@ body {
 	margin: 0;
 	overflow: hidden;
 	grid-template-columns: auto 1fr auto;
-	grid-template-rows: auto auto 1fr auto;
+	grid-template-rows: auto 1fr auto;
 	background-color: var(--bg-color);
 	color: var(--fg-color);
 	min-height: -webkit-fill-available;
@@ -48,32 +48,37 @@ body {
 }
 
 .comfyui-body-top {
-	order: 0;
+	order: -5;
 	grid-column: 1/-1;
 	z-index: 10;
+	display: flex;
+	flex-direction: column;
 }
 
 .comfyui-body-left {
-	order: 1;
+	order: -4;
 	z-index: 10;
+	display: flex;
 }
 
 #graph-canvas {
 	width: 100%;
 	height: 100%;
-	order: 2;
-	grid-column: 1/-1;
+	order: -3;
 }
 
 .comfyui-body-right {
-	order: 3;
+	order: -2;
 	z-index: 10;
+	display: flex;
 }
 
 .comfyui-body-bottom {
-	order: 4;
+	order: -1;
 	grid-column: 1/-1;
 	z-index: 10;
+	display: flex;
+	flex-direction: column;
 }
 
 .comfy-multiline-input {
@@ -407,8 +412,12 @@ dialog::backdrop {
 	background: rgba(0, 0, 0, 0.5);
 }
 
-.comfy-dialog.comfyui-dialog {
+.comfy-dialog.comfyui-dialog.comfy-modal {
 	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	transform: none;
 }
 
 .comfy-dialog.comfy-modal {

src/scripts/ui/menu/workflows.ts

@@ -197,6 +197,13 @@ export class ComfyWorkflowsMenu {
           img: HTMLImageElement,
           workflow: ComfyWorkflow
         ) {
+          const openWorkflow = app.workflowManager.openWorkflows.find(
+            (w) => w.path === workflow.path
+          );
+          if (openWorkflow) {
+            workflow = openWorkflow;
+          }
+
           await workflow.load();
           let options = [];
           const nodes = app.graph.computeExecutionOrder(false);
@@ -232,12 +239,11 @@ export class ComfyWorkflowsMenu {
           options
         ) {
           const r = getExtraMenuOptions?.apply?.(this, arguments);
-          if (
-            app.ui.settings.getSettingValue<boolean>(
-              "Comfy.UseNewMenu",
-              false
-            ) === true
-          ) {
+          const setting = app.ui.settings.getSettingValue(
+            "Comfy.UseNewMenu",
+            false
+          );
+          if (setting && setting != "Disabled") {
             const t = this;
             let img;
             if (t.imageIndex != null) {