Skip to content

refactor(step2): hide the map below xl instead of stacking it#254

Merged
yorickdewid merged 1 commit into
mainfrom
refactor/hide-map-below-xl
Jun 1, 2026
Merged

refactor(step2): hide the map below xl instead of stacking it#254
yorickdewid merged 1 commit into
mainfrom
refactor/hide-map-below-xl

Conversation

@yorickdewid

Copy link
Copy Markdown
Contributor

Summary

Per feedback after #253: the map is an optional spatial-context aid, not load-bearing for the sample workflow. When the viewport doesn't have room for a real 3-col layout it's better to drop the map entirely than to either squeeze it under the form (extra scroll, dead space) or shrink the side cols.

Touches both InquiryStep2 and RecoveryStep2 — same shape, same fix.

New behavior

viewport layout
`< lg` (≲ 1024px) stacked: addresses → form
`lg → xl` (1024–1280px) 2-col: addresses (26rem) + form (1fr), map hidden
`xl+` (≥ 1280px) 3-col: addresses + form + sticky map (unchanged)

Drops

  • The `order-2 xl:order-3` / `order-3 xl:order-2` flex-ordering tricks — no longer needed since the form always follows the addresses card.
  • The `h-64` mobile thumbnail on the map div — the map never shows on small screens now.

Test plan

  • `pnpm type-check` clean
  • `pnpm build` clean
  • Visual at 700 / 1100 / 1400px viewport widths: stack / 2-col-no-map / 3-col-with-map respectively
  • Same for Recovery Step 2

🤖 Generated with Claude Code

The map is an optional spatial-context aid, not load-bearing for the
sample workflow. When the viewport doesn't have room for a real 3-col
layout it's better to drop the map entirely than to either squeeze it
under the form (extra scroll, dead space) or shrink the side cols.

New behavior on both Inquiry- and RecoveryStep2:
- < lg  : single column stack — addresses, then form.
- lg-xl : addresses + form (2 cols), map hidden.
- xl+   : addresses + form + sticky map (3 cols, unchanged from today).

Drops the order-2 / order-3 flex-ordering tricks — no longer needed
since the form always follows the addresses card on every breakpoint —
and removes the h-64 mobile thumbnail height now that the map never
shows on small screens.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@yorickdewid
yorickdewid merged commit eceddb0 into main Jun 1, 2026
1 check passed
@yorickdewid
yorickdewid deleted the refactor/hide-map-below-xl branch June 1, 2026 09:33
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