From 50aed9e357926547a730b2e9f018ab0c61f8b9e7 Mon Sep 17 00:00:00 2001 From: bruno Date: Wed, 22 Jul 2026 09:15:07 -0400 Subject: [PATCH] local-workspace: make preview panel a fixed overlay like Library side peek - Replace flex-based panel with position:fixed overlay (right side, 480px wide) - Slide-in animation: translateX(100%) -> translateX(0) via CSS transition - Slide-out on close: translateX(100%) then hide after 200ms - Uses requestAnimationFrame for smooth slide-in trigger - Matches Library peek-overlay behavior exactly --- app/templates/local_workspace.html | 34 +++++++++++++++++++----------- 1 file changed, 22 insertions(+), 12 deletions(-) diff --git a/app/templates/local_workspace.html b/app/templates/local_workspace.html index bd2548c..d11423d 100644 --- a/app/templates/local_workspace.html +++ b/app/templates/local_workspace.html @@ -823,16 +823,26 @@ window._wsInitData = (function() { openBtn.onclick = function() { window.location = '/pages/' + node.id; }; // Body document.getElementById('ws-preview-body').innerHTML = '
Loading...
'; - // Show panel + // Show panel with slide-in animation panel.style.display = 'flex'; + requestAnimationFrame(function() { + requestAnimationFrame(function() { + panel.style.transform = 'translateX(0)'; + }); + }); // Load content async this._loadPreviewContentVanilla(node); }, closePreviewPanel() { var panel = document.getElementById('ws-preview-panel'); - if (panel) panel.style.display = 'none'; - this.previewItem = null; + if (!panel) return; + panel.style.transform = 'translateX(100%)'; + var self = this; + setTimeout(function() { + panel.style.display = 'none'; + self.previewItem = null; + }, 200); }, async _loadPreviewContentVanilla(node) { @@ -2831,24 +2841,24 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
- -