angular / angular/components

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

Offen
#30,448 2 Kommentare 18 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/button area: material/icon docs needs: discussion P2
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### 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](https://github.com/user-attachments/assets/c0682e91-4f4b-4af9-8e85-5705560b83af)

### Affected documentation page

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der betroffenen Dokumentationsseite zur Button-Gestaltung und vergleiche ihr vorhandenes Beispiel zur Farbanpassung mit den gemeldeten Sass-Snippets für icon-button. Ermittle die unterstützte Möglichkeit, die Größe von icon-button anzupassen, dokumentiere sie mit einem funktionierenden Beispiel und überprüfe, dass das gerenderte Beispiel den beabsichtigten Größen entspricht.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, sass
Bereich
design, documentation, frontend
Issue-Typ
Dokumentation
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.