gristlabs/grist-core

UX: It's hard to read the column name when cropped

Open

#543 geöffnet am 22. Juni 2023

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (3.613 Stars) (168 Forks)batch import
good first issuegouv.fr

Beschreibung

I noticed that the column name, when they are cropped, are hard to be identified unless we expand the width. 2023-06-22_08-05

However, sometimes it does not make sense to expand the column width, as the values are just simple values (numbers, boolean checkboxes).

I am not sure how to solve this. Here are some options I have in mind:

  • add a tooltip in the column name so we can have the full name on demand (probably not mobile-friendly);
  • allow the user to expand the height of the header, so the column name is rendered on several lines;

What do you think?

Contributor Guide

Tech Stack
typescriptreacthtmlcss
Domain
frontend
Issue Type
feature
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.
under 1 hour
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
ReactCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80
Research-Richtung
Investigate the header component in the Grist frontend, likely in 'app/client/components/GridView'. Look for existing tooltip patterns. Decide between using HTML title attribute or a custom tooltip component. Implement hover over to show full column name. Test on narrow columns and consider mobile users. Optionally, explore multi line header expansion.