Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Make percussion panel header responsive #27495

Open
avvvvve opened this issue Apr 1, 2025 · 0 comments
Open

Make percussion panel header responsive #27495

avvvvve opened this issue Apr 1, 2025 · 0 comments
Assignees
@mathesoncalum
Labels
P2 Priority: Medium percussion Pertaining to percussion instruments (notation or playback)

Comments

@avvvvve
Copy link

avvvvve commented Apr 1, 2025

Problem

When undocked, the percussion panel can be made so narrow that the buttons in the header overlap:

Image

Solution

When the panel is less than 720px wide, use a condensed version of the header with only icon buttons (I'll share a Figma link when ready to build)

Image
@avvvvve avvvvve added the percussion Pertaining to percussion instruments (notation or playback) label Apr 1, 2025
@avvvvve avvvvve added the P2 Priority: Medium label Apr 1, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mathesoncalum mathesoncalum

Labels
P2 Priority: Medium percussion Pertaining to percussion instruments (notation or playback)
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@avvvvve @mathesoncalum