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.

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

YaruCheck/RadioButton: remove extra padding #417

Merged
merged 2 commits into from Nov 25, 2022
Merged

YaruCheck/RadioButton: remove extra padding #417

merged 2 commits into from Nov 25, 2022

Conversation

jpnurmi
Copy link
Member

@jpnurmi jpnurmi commented Nov 25, 2022

This was probably done to ensure that the focus/hover highlight is inside the widget, but having empty padding around makes it hard to have a compact layout like in the accessibility settings in the settings app.

Before After
Screenshot from 2022-11-25 07-39-40 Screenshot from 2022-11-25 07-39-30

After this, it will be possible to use YaruCheckButton and YaruRadioButton to create pixel-perfect replacements of the checkbox and radio "rows" in the settings app. If YaruCheckButton and YaruRadioButton had hardcoded empty padding around, the layout would be significantly less dense.

Before After
image image

@jpnurmi jpnurmi requested a review from Jupi007 November 25, 2022 08:22
Copy link
Member

@Jupi007 Jupi007 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGFM 👍

The yaru controls already have padding for the focus highlighting, so it is not needed here.

@Jupi007 Jupi007 merged commit 13ddab9 into ubuntu:main Nov 25, 2022
@jpnurmi jpnurmi deleted the check-radio-button-padding branch November 25, 2022 09:01
@jpnurmi jpnurmi mentioned this pull request Jan 11, 2023
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.

None yet

2 participants