root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
10,590 Commits 1 Branch 0 Tags
75cbc059c2cbd8eddc0f4e7c9ab44f2a01c93021
Commit Graph

2 Commits

Author SHA1 Message Date
gsxdsm
c848ce11de FN-7273: fix mobile engine controls menu placement 
Keep the footer engine controls reachable on constrained mobile and tablet viewports.

- Render footer engine controls as a fixed full-width bottom panel through tablet widths while preserving the desktop anchored popover.
- Account for executor footer, mobile navigation, safe-area, standalone, and ICB offsets in panel placement.
- Add CSS regression coverage, dashboard documentation, and a patch changeset.

Files changed:
 .changeset/fn-7273-mobile-engine-controls-menu.md  |  7 ++
 docs/dashboard-guide.md                            |  3 +-
 .../dashboard/app/components/EngineControlMenu.css | 38 +++++++++-
 .../__tests__/EngineControlMenu.css.test.ts        | 88 +++++++++++++++++++++-
 4 files changed, 128 insertions(+), 8 deletions(-)

Fusion-Task-Id: FN-7273

Fusion-Task-Lineage: d4764555-c8eb-4086-9130-d2f568727ae1

Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
 2026-06-30 08:25:21 -07:00
gsxdsm
da7fb002d5 FN-6862: give engine controls popover an opaque surface 
Keep the footer engine controls popover opaque by using valid dashboard CSS tokens.

- Replace the undefined elevated surface token with the solid card surface.
- Align disabled action opacity, range accent, and mobile height CSS with defined tokens/values.
- Add a CSS token regression test for the engine control menu popover.

Files changed:
 .../dashboard/app/components/EngineControlMenu.css |  8 +-
 .../dashboard/app/components/EngineControlMenu.tsx |  3 +
 .../__tests__/EngineControlMenu.css.test.ts        | 99 ++++++++++++++++++++++
 3 files changed, 106 insertions(+), 4 deletions(-)

Fusion-Task-Id: FN-6862
Fusion-Task-Lineage: 5e41177a-6fc5-48d0-861d-fefbcfca7060
 2026-06-21 13:25:40 -07:00