Skip to content

Add tokens to customize touch target sizes #31708

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 5 commits into from
Aug 18, 2025

Conversation

crisbeto
Copy link
Member

Updates the various components that have touch target elements to have tokens that can be used to customize the touch target's size.

Fixes #31207.

Adds tokens to the various button appearances to allow the touch target to be customized.
Adds a token that allows for the checkbox touch target to be customized.
Adds a token that allows for the radio button touch target to be customized.
Adds a token that allows for the slide toggle touch target to be customized.
Adds a token that allows for the paginator touch target to be customized. Also adds a token to customize the width of the page size select.
@crisbeto crisbeto added the target: patch This PR is targeted for the next patch release label Aug 16, 2025
@crisbeto crisbeto requested a review from a team as a code owner August 16, 2025 07:23
@crisbeto crisbeto added the merge: preserve commits When the PR is merged, a rebase and merge should be performed label Aug 16, 2025
@crisbeto crisbeto requested review from mmalerba and andrewseguin and removed request for a team August 16, 2025 07:23
@crisbeto crisbeto added target: rc This PR is targeted for the next release-candidate and removed target: patch This PR is targeted for the next patch release labels Aug 16, 2025
@crisbeto crisbeto removed the request for review from andrewseguin August 18, 2025 17:23
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Aug 18, 2025
@crisbeto crisbeto merged commit 9d48ab3 into angular:main Aug 18, 2025
45 of 47 checks passed
@crisbeto
Copy link
Member Author

The changes were merged into the following branches: main, 20.2.x

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
action: merge The PR is ready for merge by the caretaker area: material/button area: material/checkbox area: material/paginator area: material/radio area: material/slide-toggle merge: preserve commits When the PR is merged, a rebase and merge should be performed target: rc This PR is targeted for the next release-candidate
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug(button): mat-mdc-button-touch-target height and width are hard coded to 48px
2 participants