Table2 truncated table cells not vertically centered with non-default table row heights · palantir/blueprint#5767

(1 评论) (0 反应) (0 负责人)TypeScript (2,167 fork)batch import

P2Package: tableType: bughelp wanted

仓库指标

Star: (20,263 star)
PR 合并指标: (平均合并 43天 10小时) (30 天内合并 27 个 PR)

描述

Steps to reproduce

Create a table with non-default row heights, in my screenshot below this is 30px via defaultRowHeight={30}
Add cells formatted with <TruncatedFormat2 />

Actual behavior

The row contents are not all vertically lined up

Expected behavior

Row contents are still vertically centered within the row.

Possible solution

TruncatedFormat2 does some relative styling for the truncated value + truncated-more-button. It could instead be flex-styled to right align the more-button.

贡献者指南

研究方向: 检查 blueprint 源代码中的 TruncatedFormat2 组件（可能在 packages/table/src/cell/truncatedFormat2.tsx）。研究当通过 defaultRowHeight 设置行高时，它如何处理表格单元格内的垂直对齐。查找可能干扰垂直居中的 CSS 样式。考虑按照建议修改组件以使用 flexbox 进行对齐。
技术栈: reacttypescript
领域: frontend
议题类型: 缺陷
难度: 2
预计时间: 1 小时以内
活动状态: 活跃
清晰度: 清晰
前置要求: ReactCSSGit
新手友好度: 75