angular / angular/components

bug(list): Misalignment with list with three lines

Aperta
#28,648 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
area: material/list P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia confrontando la Material Design lists page con l’Angular Material list-variants example collegato nell’issue, concentrandoti sul layout della lista a tre righe. Individua l’implementazione della lista Angular e i relativi test, quindi verifica che la spaziatura tra la seconda e la terza riga corrisponda alla spaziatura uniforme prevista mostrata nel report.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.