FN-5992: improve workflow editor mobile responsiveness
Make the workflow editor and related settings panels usable on narrow screens.
- add mobile-specific full-screen layout overrides for the workflow editor, create dialog, sidebar, inspector, settings panel, and AI panel
- stack workflow selector, workflow settings, and workflow fields controls for phone-sized viewports
- document the workflow editor mobile behavior in the dashboard guide
- add CSS contract tests covering the new mobile workflow editor and panel rules
Files changed:
docs/dashboard-guide.md | 13 +++
.../app/components/WorkflowFieldsPanel.css | 15 +++
.../app/components/WorkflowNodeEditor.css | 94 ++++++++++++++++++
.../dashboard/app/components/WorkflowSelector.css | 16 ++++
.../app/components/WorkflowSettingsPanel.css | 20 ++++
.../__tests__/WorkflowNodeEditor.css.test.ts | 105 +++++++++++++++++++++
6 files changed, 263 insertions(+)
Fusion-Task-Id: FN-5992
Fusion-Task-Lineage: c92396dc-88e5-4da0-be3f-687e7bd10972
1f2c7e22dc