angular / angular/components

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

Aperta
#30,448 2 commenti 18 reazioni 0 assegnatari Vedi su GitHub
area: material/button area: material/icon docs needs: discussion P2
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

### 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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia dalla pagina di documentazione interessata sullo stile dei pulsanti e confronta l’esempio esistente di personalizzazione dei colori con gli snippet Sass di icon-button segnalati. Determina il modo supportato per personalizzare le dimensioni di icon-button, documentalo con un esempio funzionante e verifica che l’esempio sottoposto a rendering corrisponda alle dimensioni previste.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, sass
Ambito
design, documentation, frontend
Tipo di issue
Documentazione
Difficoltà
2/5
Tempo stimato
1-3 ore
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.