Skip to content

[Feature Request] Mobile Drawer / Swipe-to-open support for sidebar-card #151

Description

@threadstone83

Hi,
I'm using sidebar-card extensively on desktop and tablet and love it. However, on mobile devices the sidebar takes up too much screen space and there's currently no elegant solution for this.
Feature Request: Add a mobile drawer mode where the sidebar is hidden off-screen on mobile (width: 0) but can be opened by swiping from the left edge of the screen (like a native mobile navigation drawer). Swiping back or tapping outside should close it again.

Expected behavior:

  • On mobile: sidebar hidden by default, swipe from left edge opens it as an overlay
  • On tablet/desktop: sidebar behaves as today
  • A hamburger icon (optional) could also trigger open/close

Why this matters:
Many users use this card on wall-mounted tablets AND mobile phones. The current solution (width: 0 on mobile) loses all sidebar functionality on phones.
Thanks for the great card!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions