Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Truncate long custom column names gracefully ✂️

Aberta Para iniciantes
  • Algo errado?
#613 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 2 dias

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
1/5
Tempo estimado
Menos de uma hora
Facilidade para iniciantes
95/100
Tipo de issue
Bug
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
javascript, react, tailwind
Domínio
frontend

Direção de pesquisa

Abra client/src/components/Board/Column.jsx e inspecione o cabeçalho da coluna que renderiza config.label. Adicione a essa label as classes sugeridas para truncamento e largura máxima. Em seguida, confira na interface do board um nome de coluna personalizado com mais de 15 caracteres para confirmar que ele não ultrapassa mais o cabeçalho.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

good first issue

Truncate long custom column names gracefully ✂️

File: client/src/components/Board/Column.jsx

Custom column names longer than 15 chars
overflow the header 💀 fr!!

Fix: add truncate class:

{config.label}

~2 lines! No backend needed 🎯

Linguagem predominante
JavaScript
Estrelas
39
Forks
105
Merge médio
1d 19h
PRs com merge (30d)
31

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de anoopcodehack/DevBoard

Todas as issues de anoopcodehack/DevBoard

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.