patternfly / patternfly/patternfly-react
[Truncate] - Multi line truncation and scrollable tooltip
还没有人认领这个 Issue。
- 主要语言
- TypeScript
- 星标
- 862
- 派生
- 392
- 平均合并
- 4 天 8 小时
- 30 天内合并 PR
- 9
描述
Is this a new component or an extension of an existing one?
existing component: Truncate
Describe the feature
Add support to set the number of lines to truncate to. For example I want to display descriptions up to 2 lines tall, afterwards show the ellipsis with tooltip.
On top of this, when truncating a description, often the tooltip opens to a large block of centre justified text which is not ideal. Can this component support a popover that is scrollable and doesn't centre justify text.
Jira Issue: PF-1932
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
调研方向
从现有的 Truncate 组件开始,检查其当前的 tooltip 或 popover 行为。完成标准是支持可配置的行数、在溢出后显示省略号,并在可滚动且非居中的 tooltip 或 popover 中呈现较长的截断文本;验证两行描述的情况和长内容。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react, typescript
- 领域
- design, frontend
- Issue 类型
- 功能
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 冷清
- 描述清晰度
- 基本清楚
- 新手友好度
- 55/100