Skip to content

feat(web): persistent 3-column layout at 2xl viewport#156

Merged
williamzujkowski merged 1 commit intomainfrom
feat/three-column-layout
Apr 2, 2026
Merged

feat(web): persistent 3-column layout at 2xl viewport#156
williamzujkowski merged 1 commit intomainfrom
feat/three-column-layout

Conversation

@williamzujkowski
Copy link
Copy Markdown
Collaborator

Summary

  • Persistent 3-column layout (nav | statute | precedent) at ≥1440px viewports
  • PrecedentDrawer wired into statute pages with real case annotation data
  • Overlay behavior preserved for smaller viewports
  • Sidebar narrowed to w-60 at 2xl for better space distribution

Responsive breakpoints

  • ≥1440px (2xl): Full 3-column — nav 240px, statute flex-1, precedent 320px
  • 1024-1439px (lg): 2-column — nav + statute, precedent as overlay drawer
  • <1024px: Single column, collapsible nav, precedent as modal

Related

Test plan

  • Web tests: 19/19 passing
  • PrecedentDrawer persistent panel renders at 2xl
  • Overlay drawer still works below 2xl
  • Toggle button hidden at 2xl

🤖 Generated with Claude Code

- BaseLayout: main area becomes flex row at 2xl (≥1440px)
- PrecedentDrawer: persistent right panel at 2xl, overlay below
  - Toggle button hidden at 2xl (panel always visible)
  - Overlay drawer hidden at 2xl (replaced by persistent panel)
  - Sticky header with section/case count
- Statute page: wire PrecedentDrawer component with case annotations
- Sidebar narrowed to w-60 at 2xl for space balance

Responsive strategy:
- ≥1440px: 3-column (nav 240px | statute flex-1 | precedent 320px)
- 1024-1439px: 2-column (nav | statute, precedent as overlay)
- <1024px: single column, bottom nav, precedent as modal

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@williamzujkowski williamzujkowski merged commit bb7b0aa into main Apr 2, 2026
1 check passed
@williamzujkowski williamzujkowski deleted the feat/three-column-layout branch April 2, 2026 02:11
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.

enhancement: Persistent 3-column layout on wide viewports

1 participant