mattermost-community/focalboard

Bug: really long card template titles aren't displayed correctly in card template list

Open

#2 949 ouverte le 28 avr. 2022

Voir sur GitHub
 (1 commentaire) (0 réactions) (1 assigné)TypeScript (26 187 stars) (2 542 forks)user submission
BugHelp WantedSev/3Up for grabs

Description

Steps to reproduce the behavior

  1. Create a card template with a really long title.
  2. Click the down array on the New card button and notice the list

Guide contributeur

Stack technique
typescriptreactcss
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
basic ReactCSS styling
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80
Direction de recherche
Look at the component that renders the card template list dropdown, likely in `webapp/src/components/cardTemplateList.tsx`. Check the CSS for truncation or overflow handling. The issue is that long titles are not displayed correctly (probably overflow or no ellipsis). Fix by adding text overflow: ellipsis and appropriate width constraints.