patternfly / patternfly/patternfly-react

[Truncate] - Multi line truncation and scrollable tooltip

Offen
#11,860 9 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Stale
Vorherrschende Sprache
TypeScript
Sterne
862
Forks
392
Ø Merge
4 T. 8 Std.
Gemergte PRs (30 T.)
9

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne bei der bestehenden Truncate-Komponente und untersuche ihr aktuelles tooltip- oder popover-Verhalten. Als abgeschlossen gilt die Unterstützung einer konfigurierbaren Zeilenanzahl, die Anzeige eines Auslassungszeichens nach dem Überlauf sowie die Darstellung langer, abgeschnittener Texte in einem scrollbareren, nicht zentrierten tooltip oder popover; überprüfe den Fall einer zweizeiligen Beschreibung und lange Inhalte.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
design, frontend
Issue-Typ
Feature
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.