From a595c56872309e310fed7bb877bcd7caee8ef563 Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Tue, 4 Apr 2023 22:03:22 -0600 Subject: [PATCH 1/3] Remove menu drag handle --- web/scripts/ui.js | 3 +-- web/style.css | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/web/scripts/ui.js b/web/scripts/ui.js index 68bfc792..df0d8b4a 100644 --- a/web/scripts/ui.js +++ b/web/scripts/ui.js @@ -414,8 +414,7 @@ export class ComfyUI { }); this.menuContainer = $el("div.comfy-menu", { parent: document.body }, [ - $el("div", { style: { overflow: "hidden", position: "relative", width: "100%" } }, [ - $el("span.drag-handle"), + $el("div.drag-handle", { style: { overflow: "hidden", position: "relative", width: "100%", cursor: "default" } }, [ $el("span", { $: (q) => (this.queueSize = q) }), $el("button.comfy-settings-btn", { textContent: "⚙️", onclick: () => this.settings.show() }), ]), diff --git a/web/style.css b/web/style.css index 393d1667..1263c664 100644 --- a/web/style.css +++ b/web/style.css @@ -105,7 +105,7 @@ body { background-color: #353535; font-family: sans-serif; padding: 10px; - border-radius: 0 8px 8px 8px; + border-radius: 8px; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4); } From 8af2fe1e8747e142e133640659187136eb330d0f Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Tue, 4 Apr 2023 22:10:45 -0600 Subject: [PATCH 2/3] Remove redundant lines --- web/style.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/web/style.css b/web/style.css index 1263c664..c04b40ec 100644 --- a/web/style.css +++ b/web/style.css @@ -88,13 +88,10 @@ body { } .comfy-menu { - width: 200px; font-size: 15px; position: absolute; top: 50%; right: 0%; - background-color: white; - color: #000; text-align: center; z-index: 100; width: 170px; From 3536a7c8d148f738d30a375eab859c74da91a25a Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Wed, 5 Apr 2023 08:57:44 -0600 Subject: [PATCH 3/3] Put drag icon back --- web/scripts/ui.js | 1 + web/style.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/web/scripts/ui.js b/web/scripts/ui.js index df0d8b4a..621ca70e 100644 --- a/web/scripts/ui.js +++ b/web/scripts/ui.js @@ -415,6 +415,7 @@ export class ComfyUI { this.menuContainer = $el("div.comfy-menu", { parent: document.body }, [ $el("div.drag-handle", { style: { overflow: "hidden", position: "relative", width: "100%", cursor: "default" } }, [ + $el("span.drag-handle"), $el("span", { $: (q) => (this.queueSize = q) }), $el("button.comfy-settings-btn", { textContent: "⚙️", onclick: () => this.settings.show() }), ]), diff --git a/web/style.css b/web/style.css index c04b40ec..f2dd4e95 100644 --- a/web/style.css +++ b/web/style.css @@ -102,7 +102,7 @@ body { background-color: #353535; font-family: sans-serif; padding: 10px; - border-radius: 8px; + border-radius: 0 8px 8px 8px; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4); }