bug(menu): mat-divider inside a menu missing margin
- 主要言語
- TypeScript
- スター
- 25k
- フォーク
- 6.8k
- 平均マージ
- 1日 8時間
- マージ済み PR(30日)
- 91
説明
#### Reproduction
[See Stackblitz](https://angular-menu-divider.stackblitz.io)
#### Expected Behavior
The [relevant spec section](https://material.io/components/menus#specs) mandates 8px above and below dividers in a menu. See the example headed "Desktop".
#### Actual Behavior
The divider has no margin above or below. Hover over the items adjacent to it and you can see that their highlight region touches the divider.
#### Environment
- Angular: 9.1.4
- CDK/Material: 9.2.1
- Browser(s): Irrelevant
- Operating System (e.g. Windows, macOS, Ubuntu): Irrelevant
コントリビューションガイド
調査の方向性
リンクされた StackBlitz の再現から始め、メニュー区切り線の間隔を、issue にリンクされている Material Design 仕様のセクションと比較します。メニュー区切り線の上下に 8px のマージンがあり、隣接する項目の hover 領域が区切り線に接触しなくなったら、作業は完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- angular, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 活発さ
- 停滞
- 明瞭さ
- 明確に書かれている
- 初心者へのやさしさ
- 45/100