feat: make team section a floating sidebar on desktop
Add responsive 2-column layout for the encounters page: - Desktop (lg, ≥1024px): Encounters on left, team in sticky right sidebar - Mobile/tablet: Keep current stacked layout The sidebar scrolls independently when team exceeds viewport height. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
---
|
||||
# nuzlocke-tracker-lkro
|
||||
title: 'UX: Make team section a floating sidebar on desktop'
|
||||
status: todo
|
||||
status: in-progress
|
||||
type: feature
|
||||
priority: normal
|
||||
created_at: 2026-03-21T21:50:48Z
|
||||
updated_at: 2026-03-22T08:08:13Z
|
||||
updated_at: 2026-03-22T09:10:47Z
|
||||
---
|
||||
|
||||
## Problem
|
||||
@@ -28,9 +28,9 @@ Alternative: A floating action button (FAB) that opens the team in a slide-over
|
||||
|
||||
## Checklist
|
||||
|
||||
- [ ] Add responsive 2-column layout to RunEncounters page (desktop only)
|
||||
- [ ] Move team section into a sticky sidebar column
|
||||
- [ ] Ensure sidebar scrolls independently if team is taller than viewport
|
||||
- [ ] Keep current stacked layout on mobile/tablet
|
||||
- [x] Add responsive 2-column layout to RunEncounters page (desktop only)
|
||||
- [x] Move team section into a sticky sidebar column
|
||||
- [x] Ensure sidebar scrolls independently if team is taller than viewport
|
||||
- [x] Keep current stacked layout on mobile/tablet
|
||||
- [ ] Test with various team sizes (0-6 pokemon)
|
||||
- [ ] Test evolution/nickname editing still works from sidebar
|
||||
|
||||
Reference in New Issue
Block a user