Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-29 18:52:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

[feat] Add red styling to Remove Slot context menu option (#4918)

Browse Source 
Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Christian Byrne
2025-08-11 11:48:02 -07:00
committed by GitHub
parent 2c215a6251
commit fbc6edde25
3 changed files with 27 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/litegraph/public/css/litegraph.css
View File

@@ -495,6 +495,16 @@
padding-left: 12px; padding-left: 12px;
} }
.graphmenu-entry.danger,
.litemenu-entry.danger {
color: var(--error-text) !important;
}
.litegraph .litemenu-entry.danger:hover:not(.disabled) {
color: var(--error-text) !important;
opacity: 0.8;
}
.graphmenu-entry.disabled { .graphmenu-entry.disabled {
opacity: 0.3; opacity: 0.3;
} }

4
src/lib/litegraph/src/LGraphCanvas.ts
View File

@@ -8244,7 +8244,9 @@ export class LGraphCanvas
if (_slot.removable) { if (_slot.removable) {
menu_info.push(null) menu_info.push(null)
menu_info.push( menu_info.push(
_slot.locked ? 'Cannot remove' : { content: 'Remove Slot', slot } _slot.locked
? 'Cannot remove'
: { content: 'Remove Slot', slot, className: 'danger' }
) )
} }

22
src/lib/litegraph/src/subgraph/SubgraphIONodeBase.ts
View File

@@ -191,7 +191,7 @@ export abstract class SubgraphIONodeBase<
* @param event The event that triggered the context menu. * @param event The event that triggered the context menu.
*/ */
protected showSlotContextMenu(slot: TSlot, event: CanvasPointerEvent): void { protected showSlotContextMenu(slot: TSlot, event: CanvasPointerEvent): void {
const options: IContextMenuValue[] = this.#getSlotMenuOptions(slot) const options: (IContextMenuValue | null)[] = this.#getSlotMenuOptions(slot)
if (!(options.length > 0)) return if (!(options.length > 0)) return
new LiteGraph.ContextMenu(options, { new LiteGraph.ContextMenu(options, {
@@ -208,20 +208,26 @@ export abstract class SubgraphIONodeBase<
* @param slot The slot to get the context menu options for. * @param slot The slot to get the context menu options for.
* @returns The context menu options. * @returns The context menu options.
*/ */
#getSlotMenuOptions(slot: TSlot): IContextMenuValue[] { #getSlotMenuOptions(slot: TSlot): (IContextMenuValue | null)[] {
const options: IContextMenuValue[] = [] const options: (IContextMenuValue | null)[] = []
// Disconnect option if slot has connections // Disconnect option if slot has connections
if (slot !== this.emptySlot && slot.linkIds.length > 0) { if (slot !== this.emptySlot && slot.linkIds.length > 0) {
options.push({ content: 'Disconnect Links', value: 'disconnect' }) options.push({ content: 'Disconnect Links', value: 'disconnect' })
} }
// Remove / rename slot option (except for the empty slot) // Rename slot option (except for the empty slot)
if (slot !== this.emptySlot) { if (slot !== this.emptySlot) {
options.push( options.push({ content: 'Rename Slot', value: 'rename' })
{ content: 'Remove Slot', value: 'remove' }, }
{ content: 'Rename Slot', value: 'rename' }
) if (slot !== this.emptySlot) {
options.push(null) // separator
options.push({
content: 'Remove Slot',
value: 'remove',
className: 'danger'
})
} }
return options return options