angular / angular/components

bug(list): Misalignment with list with three lines

未关闭
#28,648 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

area: material/list P3
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
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

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

Expected Behavior

Space beetween line 2 and 3 should the even.

image

Actual Behavior

There's an extra space beetween the lines.

Environment
  • Angular: 16.1.7

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

首先,将 Material Design lists page 与 issue 中链接的 Angular Material list-variants example 进行比较,重点关注三行列表布局。找到 Angular 列表实现及其相关测试,然后验证第二行和第三行之间的间距是否与报告中显示的预期均匀间距一致。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。