From 4f8097000c1418bcf67b9fb6cd9bb94626691765 Mon Sep 17 00:00:00 2001 From: gsxdsm Date: Tue, 9 Jun 2026 17:24:49 -0700 Subject: [PATCH] FN-6144: make mobile node editor inspector fill available height Let the mobile workflow node editor use the full available screen height. - replace the mobile inspector max-height cap with flex sizing so the editor stage can expand full screen - preserve mobile inspector scrolling by setting a zero min-height in the stacked layout - update the mobile CSS contract test to assert the new flex-based sizing rules Files changed: packages/dashboard/app/components/WorkflowNodeEditor.css | 3 ++- .../dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) Fusion-Task-Id: FN-6144 Fusion-Task-Lineage: 49d06acb-17c6-40fd-9c6d-3af98ddf8f6e --- packages/dashboard/app/components/WorkflowNodeEditor.css | 3 ++- .../app/components/__tests__/WorkflowNodeEditor.css.test.ts | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/dashboard/app/components/WorkflowNodeEditor.css b/packages/dashboard/app/components/WorkflowNodeEditor.css index 91b5709e7b..edc2085f6e 100644 --- a/packages/dashboard/app/components/WorkflowNodeEditor.css +++ b/packages/dashboard/app/components/WorkflowNodeEditor.css @@ -1398,7 +1398,8 @@ .wf-editor-body--editor-stage .wf-editor-inspector { width: 100%; min-width: 0; - max-height: 45vh; + flex: 1 1 auto; + min-height: 0; border-left: none; border-top: 1px solid var(--border); overflow-y: auto; diff --git a/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts b/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts index 06611744c9..17605ecdf0 100644 --- a/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts +++ b/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts @@ -96,7 +96,8 @@ describe("WorkflowNodeEditor mobile CSS contract", () => { const inspectorRule = findRule(mobileBlocks, /\.wf-editor-body--editor-stage \.wf-editor-inspector\s*\{[^}]*\}/); expect(inspectorRule).toMatch(/width\s*:\s*100%\s*;/); - expect(inspectorRule).toMatch(/max-height\s*:\s*45vh\s*;/); + expect(inspectorRule).toMatch(/flex\s*:\s*1 1 auto\s*;/); + expect(inspectorRule).toMatch(/min-height\s*:\s*0\s*;/); const collapsedToggleRule = findRule([editorCss], /\.wf-inspector-toggle--collapsed\s*\{[^}]*\}/); expect(collapsedToggleRule).toMatch(/position\s*:\s*absolute\s*;/);