angular / angular/components

bug(list): Misalignment with list with three lines

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

説明

### Description

If you check the examples in the material site, you'll see that there's a even space beetween lines.

https://m2.material.io/components/lists

![image](https://github.com/angular/components/assets/12090931/89325b00-5057-409e-90c1-a63335d2466d)

If you check the examples in angular.material site, there's an misalignment beetween the second and thrird line

https://material.angular.io/components/list/examples#list-variants

![image](https://github.com/angular/components/assets/12090931/090ab3f4-5933-4bc1-bfd7-8182531cd3cf)

### Expected Behavior

Space beetween line 2 and 3 should the even.

![image](https://github.com/angular/components/assets/12090931/a3ca9bf9-62d6-4c56-a286-df5c19cd07cf)

### Actual Behavior

There's an extra space beetween the lines.

### Environment

- Angular: 16.1.7

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

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

調査の方向性

まず、issue でリンクされている Material Design lists page と Angular Material list-variants example を比較し、3 行のリストレイアウトに注目します。Angular のリスト実装と関連するテストを見つけ、2 行目と 3 行目の間隔が、報告に示されている想定どおりの均等な間隔と一致することを確認します。

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

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

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

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