Prevent the terminal header's shortcut/status text and action controls from wrapping onto multiple lines when the floating or docked terminal panel is narrow at desktop breakpoints.
- Add white-space: nowrap to .terminal-shortcuts--header so header help text stays on one line
- Add white-space: nowrap to .terminal-connection-status to keep connection status text from wrapping
- Rely on existing .terminal-actions min-width: 0 + overflow-x: auto pattern for horizontal scrolling instead of wrapping
- Add regression test asserting the nowrap/scroll rules and that mobile still hides these elements
- Add changeset documenting the fix
Files changed:
.changeset/fn-7823-terminal-header-nowrap.md | 7 +++++++
packages/dashboard/app/components/TerminalModal.css | 9 +++++++++
.../app/components/__tests__/TerminalModal.test.tsx | 21 +++++++++++++++++++++
3 files changed, 37 insertions(+)
Fusion-Task-Id: FN-7823
Fusion-Task-Lineage: 36426985-a489-41ec-9d79-f8b02862d504
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
ee5c2a80e6