UI does not scale very well for larger font sizes (various issues)

Open
#26,857 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
25/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
cpp

Research direction

Start by reproducing the reported issues with the font size set to 17pt under Preferences > Appearance, then inspect the Define shortcut, Preferences > Canvas, Save where, Home > Learn videos, and About dialogs. Done means the affected text is readable and useful, dialog content and controls are not cut off, and longer settings do not overlap adjacent content.

Written by the indexing model from the issue text.

Description

accessibility community design debt needs design P1 UI
Issue type

UI bug (incorrect info or interface appearance)

Description with steps to reproduce

In the Preferences dialog (under Appearance) we allow the user to set a font size between 10pt and 18pt. I have mine set at 17pt. What happens is that at this size there are many places where text is truncated with an ellipsis but there is no tooltip. In some cases IMHO the visible text is ridiculously short like only a few words are displayed. Another common thing is that dialogs have a fixed size so some elements end up being very close to the dialog edges or even cut off. Here are some examples but this is not an exhaustive list by any means:

1. Define shortcut dialog (buttons at the bottom are cut off):
Image

2. Percentage value on Preferences -> Canvas:
Image

3. Longer advanced settings are not truncated and invade the second column:
Image

4. Save where dialog - only few words are displayed before the ellipsis and no tooltip:
Image

5. Home -> Learn videos - very few words of the video title are visible and some titles start with "MuseScore Studio 4.4" which leaves even less space for the meaningful part of the video title:
Image

6. About dialog - Copyright info at the bottom completely missing (dialog is not high enough):
Image

and so on. Accommodating very small font sizes as well as bigger ones is a challenging UI task in general, but I think we can (and should) improve here. And 17pt is not insanely big at all.

Supporting files, videos and screenshots

n/a

What is the latest version of MuseScore Studio where this issue is present?

Latest master

Regression

No.

Operating system

Windows 10

Additional context

No response

Checklist
  • This report follows the guidelines for reporting bugs and issues
  • I have verified that this issue has not been logged before, by searching the issue tracker for similar issues
  • I have attached all requested files and information to this report
  • I have attempted to identify the root problem as concisely as possible, and have used minimal reproducible examples where possible
Dominant language
C++
Stars
15.1k
Forks
3.3k
Avg merge
2d 2h
Merged PRs (30d)
91

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from musescore/MuseScore

All issues in musescore/MuseScore

Similar issues

More C++ issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.