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

docs-bug(button): Change icon button size missing #30448

Open
perotom opened this issue Feb 5, 2025 · 0 comments
Open

docs-bug(button): Change icon button size missing #30448

perotom opened this issue Feb 5, 2025 · 0 comments
Labels
docs This issue is related to documentation needs triage This issue needs to be triaged by the team

Comments

@perotom
Copy link

perotom commented Feb 5, 2025

Documentation Feedback

There is only an example to change some colours of a button (https://material.angular.io/components/button/styling) but no example of changing the size.
Especially for icon buttons, different sizes are often needed. Right now we are using something like that:

.mdc-icon-button.small {
  line-height: 18px;
  .mat-icon {
    width: 18px;
    height: 18px;
    font-size: 18px;
  }
}

which is probably not the preferred way. I also tried it with:

.small {
  @include mat.icon-button-overrides((
    icon-size: 18px
  ));
}

which doesn't work as expected.

Image

Affected documentation page

https://material.angular.io/components/button/styling

@perotom perotom added docs This issue is related to documentation needs triage This issue needs to be triaged by the team labels Feb 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs This issue is related to documentation needs triage This issue needs to be triaged by the team
Projects
None yet
Development

No branches or pull requests

1 participant