Skip to content

Sidebar footer popover cut off on mobile web. #263

@peter-avila

Description

@peter-avila

When trying to access the settings menu on mobile web, the popover was about half-cropped on mobile. I am on iOS, but have recreated it on Chrome desktop w/ a narrow viewport.

Image

I did some quick fiddling in dev tools and changed the positioning of the poppover-content-wrapper to left: -200px top: -50px, which appears to resolve the issue. Perhaps anchor positioning (which you may have already have via RadixUI?) with a media query at ~440px (sidebar width + popover width) with this manual positioning as a fallback?

Image

I just started using the app yesterday, but I can try to submit a PR this weekend after trying to get familiar with the codebase if you don't have the time to get to this in the near-term.

Great app btw. I've tried a bunch of other apps (Vikunja, Super Productivity, etc) and yours is the best for my needs, coming from Todoist.

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