palantir/blueprint

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

Open

#5.767 geöffnet am 21. Nov. 2022

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (2.167 Forks)batch import
P2Package: tableType: bughelp wanted

Repository-Metriken

Stars
 (20.263 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 43T 10h) (27 gemergte PRs in 30 T)

Beschreibung

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.

Contributor Guide

Research-Richtung
Untersuchen Sie die TruncatedFormat2 Komponente im blueprint Quellcode (wahrscheinlich in packages/table/src/cell/truncatedFormat2.tsx). Untersuchen Sie, wie sie die vertikale Ausrichtung innerhalb von Tabellenzellen behandelt, wenn die Zeilenhöhe über defaultRowHeight festgelegt wird. Suchen Sie nach CSS Stilen, die die vertikale Zentrierung beeinträchtigen könnten. Erwägen Sie, die Komponente wie vorgeschlagen zu ändern, um Flexbox für die Ausrichtung zu verwenden.
Tech Stack
reacttypescript
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactCSSGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75