Skip to content

Catalog sidebar/download button overlaps with the last section (phones/small screens only) #262

Description

@redrun45

Looks like an issue with responsive CSS and floating elements. When viewing a project in the catalog from a phone, the div containing the Download buttons (which shows up as a side-bar on larger screens) will overlap with the display of the last audio sections.

Seen here: the latest Firefox on desktop, using dev-tools to act like a phone:
Image
Other browsers handle the overlap differently, but they likely all share this issue. Safari on iPhone does, for sure.

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:accessibilityTranslation, low-vision, touch, and keyboard navigation for any part of our sitearea:catalogPublic-facing UI, browsing and accessing our catalogpriority:medium

    Type

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions