angular / angular/components

bug(menu): mat-divider inside a menu missing margin

オープン
#19,248 コメント 7 件 リアクション 0 件 担当者 0 名 GitHub で見る
area: material/divider area: material/menu material spec P4
主要言語
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

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

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