angular / angular/components

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

オープン
#30,448 コメント 2 件 リアクション 18 件 担当者 0 名 GitHub で見る
area: material/button area: material/icon docs needs: discussion P2
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

影響を受けるボタンスタイルのドキュメントページから始め、既存の色のカスタマイズ例と、報告された icon-button の Sass スニペットを比較します。icon-button のサイズをカスタマイズするためにサポートされている方法を特定し、動作する例を使ってドキュメント化して、レンダリングされた例が意図したサイズと一致することを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, sass
領域
design, documentation, frontend
issue の種類
ドキュメント
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。