Skip to content

Fix rounded corners in popups and dropdowns #29389

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.

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

Merged
merged 2 commits into from
Aug 21, 2025

Conversation

cbjeukendrup
Copy link
Member

Resolves: #29291

Introduces a new RoundedCornersEffect shader effect, replacing the masking functionality from Qt5Compat. Using this to clip the contents of popups and dropdowns according to rounded corners.

The shader is for a big part written by GitHub Copilot, but I did compare it to solutions found online. I assume that writing a simple shader should be faster than creating another Rectangle and using masking, but I'm not certain of that.

@jessjwilliamson
Copy link
Contributor

Looks great on MacOS :)

@cbjeukendrup
Copy link
Member Author

@zacjansheski This affects places where we use images with rounded corners: the avatar in the 'Save to cloud' dialog, images in the 'How would you like to save?' dialog and the welcome dialog. And also the rounded corners or popups and floating dock widgets.

@zacjansheski
Copy link
Contributor

Tested on MacOS 15, Windows 11, Ubuntu 22.04.3. Approved
#29291 FIXED

@cbjeukendrup cbjeukendrup merged commit ef75897 into musescore:master Aug 21, 2025
13 checks passed
@cbjeukendrup cbjeukendrup deleted the rounded_corners branch August 21, 2025 20:33
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.

The corners of many dropdown lists appear unpolished
4 participants