Skip to content

feat(flight-plan): resizable plan window with a corner grip (#508)#509

Merged
github-actions[bot] merged 2 commits into
devfrom
feat/fp-modal-resize
May 31, 2026
Merged

feat(flight-plan): resizable plan window with a corner grip (#508)#509
github-actions[bot] merged 2 commits into
devfrom
feat/fp-modal-resize

Conversation

@msupino

@msupino msupino commented May 31, 2026

Copy link
Copy Markdown
Owner

Summary

  • Adds a bottom-right .resize-handle.corner-se grip to the Flight Plan modal. Mouse + touch drag resizes the window (min 360×200, clamped to viewport).
  • Size persists to navaid.fpSize and restores on reopen; an explicit size lifts the default 92vw/84vh caps so the window can grow past them.
  • The grip stopPropagations so it never triggers the existing title-bar drag-to-move.
  • Reuses the corner-se handle styling first designed for the pinned-plan box in Flight plan pin-to-map + PNG export #338.

Test plan

  • tests/fp-resize.spec.js — grip resizes + persists; stored size restored on reopen
  • flight-plan / fuel-flight-plan / smoke suites green locally

Fixes #508

The Flight Plan modal already drags from its title bar; add a bottom-right
resize grip so long routes get a taller window.

- A `.resize-handle.corner-se` grip on the `.modal.wide` box; mouse + touch
  drag resizes it (min 360×200, clamped to the viewport). Dragging the grip
  stops propagation so it never starts a title-bar move.
- Size persists to `navaid.fpSize` and is restored on reopen. An explicit
  size drops the default 92vw/84vh caps so the window can grow past them.
- Reuses the corner-se handle styling designed for the pinned-plan box.
- Tests: grip resizes + persists, and a stored size restores on reopen.

Fixes #508

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions github-actions Bot marked this pull request as draft May 31, 2026 16:52
@github-actions github-actions Bot temporarily deployed to pr-preview-509 May 31, 2026 16:53 Inactive
@github-actions

github-actions Bot commented May 31, 2026

Copy link
Copy Markdown
Contributor

🚀 Preview deployed

Open PR preview →

https://msupino.github.io/NavigationApp/branch/feat/fp-modal-resize/

Commit: 18737ed

Generalize the single bottom-right grip to four corner grips. Corners that
move the top/left edge (nw/ne/sw) re-pin the box left/top so the opposite
edge stays put while dragging, matching standard window-resize behaviour.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@msupino msupino marked this pull request as ready for review May 31, 2026 17:03
@github-actions github-actions Bot merged commit 32edb78 into dev May 31, 2026
13 checks passed
@github-actions github-actions Bot deleted the feat/fp-modal-resize branch May 31, 2026 17:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant