Use custom SVG icon directly in menu button
Replace ComfyButton (which rendered as text) with a plain button using our custom SVG icon, inserted at the same menu position via app.menu.settingsGroup. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -14,33 +14,17 @@ app.registerExtension({
|
|||||||
name: "comfyui.nodes_stats",
|
name: "comfyui.nodes_stats",
|
||||||
|
|
||||||
async setup() {
|
async setup() {
|
||||||
try {
|
|
||||||
const { ComfyButton } = await import(
|
|
||||||
"../../scripts/ui/components/button.js"
|
|
||||||
);
|
|
||||||
|
|
||||||
const btn = new ComfyButton({
|
|
||||||
icon: "bar-chart-2",
|
|
||||||
content: "Node Stats",
|
|
||||||
tooltip: "Show node and package usage statistics",
|
|
||||||
action: () => showStatsDialog(),
|
|
||||||
classList: "comfyui-button comfyui-menu-mobile-collapse",
|
|
||||||
});
|
|
||||||
|
|
||||||
app.menu?.settingsGroup.element.before(btn.element);
|
|
||||||
} catch (e) {
|
|
||||||
console.log(
|
|
||||||
"[nodes-stats] New menu API unavailable, falling back to legacy menu",
|
|
||||||
e
|
|
||||||
);
|
|
||||||
|
|
||||||
const btn = document.createElement("button");
|
const btn = document.createElement("button");
|
||||||
btn.innerHTML = STATS_ICON;
|
btn.innerHTML = STATS_ICON;
|
||||||
btn.title = "Node Stats";
|
btn.title = "Node Stats";
|
||||||
|
btn.className = "comfyui-button comfyui-menu-mobile-collapse";
|
||||||
btn.onclick = () => showStatsDialog();
|
btn.onclick = () => showStatsDialog();
|
||||||
btn.style.cssText =
|
btn.style.cssText =
|
||||||
"display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;cursor:pointer;color:var(--input-text,#ddd);";
|
"display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer;";
|
||||||
|
|
||||||
|
if (app.menu?.settingsGroup?.element) {
|
||||||
|
app.menu.settingsGroup.element.before(btn);
|
||||||
|
} else {
|
||||||
const menu = document.querySelector(".comfy-menu");
|
const menu = document.querySelector(".comfy-menu");
|
||||||
if (menu) {
|
if (menu) {
|
||||||
menu.append(btn);
|
menu.append(btn);
|
||||||
|
|||||||
Reference in New Issue
Block a user