[PR #3188] Update comfyui-manager.js Buttons Style #3089

New issue

Open

opened 2026-10-28 21:15:05 +00:00 by bsakaguchi · 0 comments

bsakaguchi commented

2026-10-28 21:15:05 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/Comfy-Org/ComfyUI-Manager/pull/3188
Author: @admdev24
Created: 8/22/2026
Status: 🔄 Open

Base: main ← Head: patch-2

📝 Commits (7)

f7f4aad Update comfyui-manager.js Buttons Style
66f4b3d Update comfyui-manager.js
52407ba Update comfyui-manager.js
95cad68 Update comfyui-manager.js
0d34b2f Update comfyui-manager.js
c14f4f9 Update comfyui-manager.js
52b839f Update comfyui-manager.js

📊 Changes

1 file changed (+169 additions, -2 deletions)

View changed files

📝 js/comfyui-manager.js (+169 -2)

📄 Description

Visual Transformation of the ComfyUI Manager Buttons Style:

Permanently fix the broken buttons style and imperfection:

Top-Right Close Button:

Original Style: Suffered from an unstyled layout bug caused by a framework conflict. On idle, it was trapped inside a faint, boxy square outline. On cursor hover, the background remained static, broken, or glitched into a rough square format with misaligned spacing.
Upgraded Style: It is completely clean and boundary-free on idle, displaying only a minimal "X" icon. On cursor hover, it transitions seamlessly to show a soft, light-grey circular backplate that is balanced and centered around the icon.

Main Action Buttons & Component Toggles:

Original Style: Displayed flat, standard grey rect-containers with generic, unshaded text overlays and stark borders. The layout spacing lacked clear visual feedback transitions when moving between active selection boxes and passive buttons.
Upgraded Style: Integrated into a unified dark-mode dashboard template. Features clean borders, optimized horizontal grid alignments, clear micro-shadow separation between actionable menu paths, and smooth color changes on hover to make navigation intuitive.

Before:
2026-08-22_12-34-41

After (Idle):
2026-08-22_12-53-44

After (Hovering):
2026-08-22_12-11-21

patch-1 is incorporated in the current patch update.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/Comfy-Org/ComfyUI-Manager/pull/3188 **Author:** [@admdev24](https://github.com/admdev24) **Created:** 8/22/2026 **Status:** 🔄 Open **Base:** `main` ← **Head:** `patch-2` --- ### 📝 Commits (7) - [`f7f4aad`](https://github.com/Comfy-Org/ComfyUI-Manager/commit/f7f4aadeccf430e1ce1bfea3507d6b21a642f9e9) Update comfyui-manager.js Buttons Style - [`66f4b3d`](https://github.com/Comfy-Org/ComfyUI-Manager/commit/66f4b3d17403a86a826bd5f69c3926fa5f5a8d50) Update comfyui-manager.js - [`52407ba`](https://github.com/Comfy-Org/ComfyUI-Manager/commit/52407ba9f86c68ea4af9da323e249d5ffa2bbd9f) Update comfyui-manager.js - [`95cad68`](https://github.com/Comfy-Org/ComfyUI-Manager/commit/95cad6833e618cf155a5587f600f8e6b6fa5362e) Update comfyui-manager.js - [`0d34b2f`](https://github.com/Comfy-Org/ComfyUI-Manager/commit/0d34b2fc5f150fe30bfd791b3f4c03721e8ed114) Update comfyui-manager.js - [`c14f4f9`](https://github.com/Comfy-Org/ComfyUI-Manager/commit/c14f4f90406fbf1fb3197ae0b0b00de9733e3206) Update comfyui-manager.js - [`52b839f`](https://github.com/Comfy-Org/ComfyUI-Manager/commit/52b839f4adda27268ea3d471937c519041280a29) Update comfyui-manager.js ### 📊 Changes **1 file changed** (+169 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `js/comfyui-manager.js` (+169 -2) </details> ### 📄 Description ### Visual Transformation of the ComfyUI Manager Buttons Style: **Permanently fix the broken buttons style and imperfection:** 1. **Top-Right Close Button:** - > **Original Style:** Suffered from an unstyled layout bug caused by a framework conflict. On idle, it was trapped inside a faint, boxy square outline. On cursor hover, the background remained static, broken, or glitched into a rough square format with misaligned spacing. - **Upgraded Style:** It is completely clean and boundary-free on idle, displaying only a minimal "X" icon. On cursor hover, it transitions seamlessly to show a soft, light-grey circular backplate that is balanced and centered around the icon. 2. **Main Action Buttons & Component Toggles:** - > **Original Style:** Displayed flat, standard grey rect-containers with generic, unshaded text overlays and stark borders. The layout spacing lacked clear visual feedback transitions when moving between active selection boxes and passive buttons. - **Upgraded Style:** Integrated into a unified dark-mode dashboard template. Features clean borders, optimized horizontal grid alignments, clear micro-shadow separation between actionable menu paths, and smooth color changes on hover to make navigation intuitive. Before: <img width="1637" height="878" alt="2026-08-22_12-34-41" src="https://github.com/user-attachments/assets/62005512-bff6-4ead-9ba8-5f0baec6c6d8" /> After (Idle): <img width="1632" height="904" alt="2026-08-22_12-53-44" src="https://github.com/user-attachments/assets/983e330d-393c-48c5-bde2-7426bcba9a4a" /> After (Hovering): <img width="1635" height="906" alt="2026-08-22_12-11-21" src="https://github.com/user-attachments/assets/6f391fc8-5c6a-4866-8a06-adffd3a43b57" /> > patch-1 is incorporated in the current patch update. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

bsakaguchi added the

pull-request

label

2026-10-28 21:15:05 +00:00