fusion

Files

gsxdsm c565ceba8c FN-7694: fix embedded import preview pane clipped on tablet-width viewports

Scope the tablet-band (max-width: 860px) responsive pane rules in GitHubImportModal.css to :not(.github-import-modal--embedded) so the embedded Import Tasks view is governed only by container-query rules, not viewport-width dialog rules.

- Scope .github-import-workspace, .github-import-workspace__resize-handle, .github-import-list-pane, and .github-import-preview-pane tablet-width rules to :not(.github-import-modal--embedded) (previously only the dialog width rule was scoped)
- Fixes the embedded preview pane's max-height: 50% leaking onto the embedded view, clipping a tall selected issue/PR preview on tablet-width viewports (640-860px)
- Add regression tests asserting embedded-view CSS selectors remain scoped away from viewport tablet rules
- Add changeset (patch) documenting the fix

Files changed:
 .changeset/fn-7694-import-preview-tablet.md        |  7 +++++
 .../dashboard/app/components/GitHubImportModal.css | 24 ++++++++++-------
 .../__tests__/GitHubImportModal.test.tsx           | 31 ++++++++++++++++++++++
 3 files changed, 53 insertions(+), 9 deletions(-)

Fusion-Task-Id: FN-7694

Fusion-Task-Lineage: 6df5b18a-7f53-48e5-ac57-2800ef2c65f9

Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>

2026-07-08 23:39:34 -07:00