diff --git a/web/css/linker-shell.css b/web/css/linker-shell.css index e311f2e..28f9500 100644 --- a/web/css/linker-shell.css +++ b/web/css/linker-shell.css @@ -509,10 +509,6 @@ display: none; } -#model-linker-modal.ml-is-docked .ml-window-btn--fullscreen { - display: none; -} - @keyframes ml-slide-down { from { opacity: 0; diff --git a/web/linker.js b/web/linker.js index 4fbc35f..36df310 100644 --- a/web/linker.js +++ b/web/linker.js @@ -33,6 +33,7 @@ class LinkerManagerDialog extends ComfyDialog { this.activeTabStorageKey = 'model_linker_active_tab'; this.activeTab = this.restoreActiveTab(); // Default tab this.fullscreen = false; + this.returnToDockedAfterFullscreen = false; this.docked = false; this.dockContainer = null; this.lastDockContainer = null; @@ -2419,8 +2420,12 @@ class LinkerManagerDialog extends ComfyDialog { } setFullScreen(enable) { + const shouldReturnToDocked = !enable && this.returnToDockedAfterFullscreen; if (enable && this.docked) { + this.returnToDockedAfterFullscreen = true; this.undockToFloating({ persist: false }); + } else if (enable) { + this.returnToDockedAfterFullscreen = false; } this.fullscreen = !!enable; @@ -2449,6 +2454,7 @@ class LinkerManagerDialog extends ComfyDialog { } try { localStorage.setItem('model_linker_modal_fullscreen', '1'); } catch (e) {} } else { + this.returnToDockedAfterFullscreen = false; // Restore centered sizing el.style.maxWidth = '100vw'; el.style.maxHeight = '100vh'; @@ -2488,6 +2494,10 @@ class LinkerManagerDialog extends ComfyDialog { } this.ensureModalHandleInViewport({ persist: true }); try { localStorage.setItem('model_linker_modal_fullscreen', '0'); } catch (e) {} + + if (shouldReturnToDocked) { + this.dockToSidebar(); + } } } diff --git a/web/utils/icon_utils.js b/web/utils/icon_utils.js index b14a60c..0b20bee 100644 --- a/web/utils/icon_utils.js +++ b/web/utils/icon_utils.js @@ -6,8 +6,8 @@ const SVG_ICONS = { refreshCw: ``, locate: ``, download: ``, - externalLink: ``, - internalLink: ``, + externalLink: ``, + internalLink: ``, database: ``, archive: ``, loraManager: ``, @@ -16,9 +16,9 @@ const SVG_ICONS = { globe: ``, eye: ``, eyeOff: ``, - windowMaximize: ``, - windowRestore: ``, - x: ``, + windowMaximize: ``, + windowRestore: ``, + x: ``, civitai: ``, huggingface: `` };