Skip to content

fix: prevent sidebar from overlapping torrent cards on mobile#695

Open
staners2 wants to merge 1 commit intoYouROK:masterfrom
staners2:fix/responsive-burger-menu
Open

fix: prevent sidebar from overlapping torrent cards on mobile#695
staners2 wants to merge 1 commit intoYouROK:masterfrom
staners2:fix/responsive-burger-menu

Conversation

@staners2
Copy link
Copy Markdown
Contributor

@staners2 staners2 commented Apr 10, 2026

Summary

  • On narrow screens (<700px), sidebar now slides in as a fixed overlay with semi-transparent backdrop instead of expanding within the grid and covering torrent cards
  • On desktop, grid columns smoothly adjust (60px → 240px) to accommodate open sidebar
  • Clicking backdrop closes the sidebar on mobile

Test plan

  • Open on desktop — verify sidebar expands/collapses without overlapping cards
  • Resize to <700px — verify sidebar appears as overlay with backdrop
  • Click backdrop — verify sidebar closes
  • Test in PWA standalone mode — verify sidebar remains hidden (unchanged behavior)

…bile

On narrow screens (<700px), the sidebar now slides in as a fixed overlay
with a backdrop instead of expanding within the grid and covering content.
On desktop, the grid columns adjust to accommodate the open sidebar.
@staners2 staners2 force-pushed the fix/responsive-burger-menu branch from 7ccb830 to be49c56 Compare April 10, 2026 14:00
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