TBNilles/ComfyUI-Model-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Highlight active sidebar button.

Browse Source
This commit is contained in:
Christian Bastian
2024-04-03 22:52:38 -04:00
parent e2eb3dcb08
commit 9484344467
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/model-manager.css
View File

@@ -35,6 +35,11 @@
left: 75%; left: 75%;
} }
.model-manager .sidebar-buttons .sidebar-button-active {
border-color: var(--fg-color);
color: var(--fg-color);
}
/* common */ /* common */
.model-manager h1 { .model-manager h1 {
min-width: 0; min-width: 0;

10
web/model-manager.js
View File

@@ -3239,9 +3239,15 @@ class SidebarButtons {
const modelManager = this.#modelManager.element; const modelManager = this.#modelManager.element;
const sidebarButtons = this.element.children; const sidebarButtons = this.element.children;
const buttonActiveState = "sidebar-button-active";
for (let i = 0; i < sidebarButtons.length; i++) {
sidebarButtons[i].classList.remove(buttonActiveState);
}
let buttonIndex; let buttonIndex;
for (buttonIndex = 0; buttonIndex < sidebarButtons.length; buttonIndex++) { for (buttonIndex = 0; buttonIndex < sidebarButtons.length; buttonIndex++) {
if (sidebarButtons[buttonIndex] === button) { const sidebarButton = sidebarButtons[buttonIndex];
if (sidebarButton === button) {
break; break;
} }
} }
@@ -3259,6 +3265,8 @@ class SidebarButtons {
if (stateIndex != buttonIndex) { if (stateIndex != buttonIndex) {
const newSidebarState = sidebarStates[buttonIndex]; const newSidebarState = sidebarStates[buttonIndex];
modelManager.classList.add(newSidebarState); modelManager.classList.add(newSidebarState);
const sidebarButton = sidebarButtons[buttonIndex];
sidebarButton.classList.add(buttonActiveState);
} }
} }