diff --git a/web/linker.js b/web/linker.js index 05fc1e8..144d732 100644 --- a/web/linker.js +++ b/web/linker.js @@ -45,7 +45,7 @@ class LinkerManagerDialog extends ComfyDialog { left: "0", width: "100vw", height: "100vh", - backgroundColor: "rgba(0, 0, 0, 0.5)", + backgroundColor: "transparent", zIndex: "99998", display: "none" } @@ -128,9 +128,6 @@ class LinkerManagerDialog extends ComfyDialog { this.createFooter() ]); - // Add click listener to backdrop - this.backdrop.addEventListener('click', () => this.close()); - // Add click listener to hide context menu when clicking outside this.boundHandleContextMenuClick = (e) => this.handleContextMenuOutsideClick(e); document.addEventListener('click', this.boundHandleContextMenuClick); @@ -182,6 +179,10 @@ class LinkerManagerDialog extends ComfyDialog { return ``; } + getLocateIconHtml() { + return ``; + } + showTooltip(target) { if (!target || !this.tooltipElement) return; const text = target.getAttribute('data-tooltip'); @@ -1539,10 +1540,18 @@ class LinkerManagerDialog extends ComfyDialog { transform: translateY(-1px); } .ml-node-chip-icon { - font-size: 11px; - line-height: 1; + display: inline-flex; + align-items: center; + justify-content: center; + width: 12px; + height: 12px; opacity: 0.95; } + .ml-node-chip-icon svg { + width: 12px; + height: 12px; + display: block; + } .ml-category-chip { display: inline-flex; padding: 2px 7px; @@ -5375,7 +5384,7 @@ class LinkerManagerDialog extends ComfyDialog { } async show(workflow = null) { - this.backdrop.style.display = "block"; + this.backdrop.style.display = "none"; this.element.style.display = "flex"; // Update button state in case there are active downloads @@ -5939,7 +5948,7 @@ class LinkerManagerDialog extends ComfyDialog { } html += ``; if (missing.is_top_level !== false) { - html += `⌖`; + html += this.getLocateIconHtml(); } html += `${nodeLabel} #${missing.node_id}`; html += ``;