patternfly / patternfly/patternfly-react

[Truncate] - Multi line truncation and scrollable tooltip

オープン
#11,860 コメント 9 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

Stale
主要言語
TypeScript
スター
862
フォーク
392
平均マージ
4日 8時間
マージ済み PR(30日)
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

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

既存の Truncate component から始め、現在の tooltip または popover の挙動を確認してください。完了条件は、設定可能な行数に対応し、オーバーフロー後に省略記号を表示し、長く切り詰められたテキストをスクロール可能で中央揃えではない tooltip または popover に表示することです。2行の説明のケースと長いコンテンツを検証してください。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
design, frontend
issue の種類
機能追加
難易度
3/5
見積もり時間
1〜2日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
55/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。