docs-bug(button): Change icon button size missing
- 主要言語
- 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.

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