palantir/blueprint

Table2 truncated table cells not vertically centered with non-default table row heights

Open

#5767 aperta il 21 nov 2022

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P2Package: tableType: bughelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Steps to reproduce

  1. Create a table with non-default row heights, in my screenshot below this is 30px via defaultRowHeight={30}
  2. 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.

Guida contributor

Direzione di ricerca
Esamina il componente TruncatedFormat2 nel codice sorgente di blueprint (probabilmente in packages/table/src/cell/truncatedFormat2.tsx). Indaga come gestisce l'allineamento verticale all'interno delle celle della tabella quando l'altezza della riga è impostata tramite defaultRowHeight. Cerca eventuali stili CSS che potrebbero interferire con la centratura verticale. Considera di modificare il componente per utilizzare flexbox per l'allineamento come suggerito.
Tech stack
reacttypescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactCSSGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75