Skip to content

fix(material/button): prevents mat-icon being cut off by text-spacing #30891

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

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

essjay05
Copy link
Contributor

Updates Angular Components Button component specifically for .mat-icon buttons to add a min-height of min-content to avoid the icon from being cut off on the bottom when text-spacing is applied.

Fixes b/411228600

BEFORE screenshot
AFTER screenshot

…ng vertically

Updates Angular Components Button component specifically for .mat-icon buttons to
add a min-height of min-content to avoid the icon from being cut off on the bottom
when text-spacing is applied.

Fixes b/250063405
Updates previous changes to Angular Components buttons containing
icons and adds flex-shrink: 0; to prevent the sides from being
cut off when text-spacing is applied or on smaller screens.

Fixes b/411228600
@essjay05 essjay05 requested a review from a team as a code owner April 17, 2025 00:11
@essjay05 essjay05 requested review from adolgachev and andrewseguin and removed request for a team April 17, 2025 00:11
Adds comment to fix lint error.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants