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 += ``;