-
Notifications
You must be signed in to change notification settings - Fork 90
feat - UI Scaling (Padding / Font Size / Screen Scale) #19233
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
Conversation
Jenkins BuildsClick to see older builds (52)
|
|
Great job, @noeliaSD! looking forward to trying it out my Android device. |
34c7c4c to
9d0c8af
Compare
|
I modified the default values for small screen sizes as discussed:
Padding sliders is kept on the Now the PR is ready to be merged! |
9d0c8af to
54114c5
Compare
micieslak
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Clean and working nice! Thx!
alexjba
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice work! Minor things below
54114c5 to
4dda617
Compare
|
@alexjba, updated according to your suggestions! |
…t scaling factors for short screens - Adds a new padding factor slider to the `AppearanceView` to experiment with UI scaling behavior. This allows adjusting paddings dynamically for testing different density levels and layout responsiveness. - Adds a new 100% screen scaling factor for mobile to provide a more natural and consistent visual baseline across devices. Also updates the default UI configuration: - Font size: set to S - Padding: set to XXS These defaults help achieve a cleaner, more compact layout while improving readability and overall UI density on mobile.
4dda617 to
5105cfc
Compare
alexjba
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nice!
Closes #19219
Exploration Summary
This task was focused on exploring how different combinations of padding, font size, and screen scale affect the overall look and feel of the mobile app.
By exposing these three parameters through sliders, we were able to quickly test various density and text sizes in real time.
Key Findings
QT_SCALE_FACTORcan further enhance visual proportions, especially on high-density displays — although it requires restarting the app.My current preferred setup:
This combination seems to provide the best balance between readability, spatial density, and overall visual comfort on mobile.
Next Steps
master.Notes
This exploration serves as a quick prototyping tool to better understand scaling dynamics on mobile and to identify improvements in perceived density, readability, and overall visual balance.