angular / angular/components

bug(list): Misalignment with list with three lines

Offen
#28,648 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/list P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die Material Design lists page mit dem im Issue verlinkten Angular Material list-variants example zu vergleichen, wobei du dich auf das dreizeilige Listenlayout konzentrierst. Finde die Angular-Listenimplementierung und die zugehörigen Tests und überprüfe anschließend, ob der Abstand zwischen den Zeilen zwei und drei dem im Bericht gezeigten erwarteten gleichmäßigen Abstand entspricht.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.