patternfly / patternfly/patternfly-react
[Truncate] - Multi line truncation and scrollable tooltip
Nessuno ha ancora preso questa issue.
- Lingua principale
- TypeScript
- Stelle
- 862
- Fork
- 392
- Merge medio
- 4g 8h
- PR unite (30g)
- 9
Descrizione
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
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia dal componente Truncate esistente e analizza il comportamento attuale del suo tooltip o popover. Il lavoro è completato quando supporta un numero di righe configurabile, mostra i puntini di sospensione dopo l’overflow e presenta il testo lungo troncato in un tooltip o popover scorrevole e non centrato; verifica il caso di una descrizione su due righe e quello di contenuti lunghi.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react, typescript
- Ambito
- design, frontend
- Tipo di issue
- Funzionalità
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Tranquilla
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 55/100