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

Add smooth horizontal scroll on board 🖱️

Aberta Para iniciantes
#615 2 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

@nikhil9verma já está trabalhando nisso.

Desde 14/10/2026.

Avaliação

Dificuldade
1/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
85/100
Tipo de issue
Funcionalidade
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
javascript, react, tailwindcss
Domínio
frontend

Direção de pesquisa

Abra client/src/components/Board/KanbanBoard.jsx e localize a div do quadro. Em seguida, leia index.css para ver onde os estilos do quadro devem ficar. Adicione o comportamento de rolagem e os estilos da barra de rolagem fornecidos nesses dois arquivos. A tarefa estará concluída quando a rolagem horizontal no quadro for suave e a barra de rolagem for fina e tiver a cor especificada.

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

Descrição

good first issue

Add smooth horizontal scroll on board 🖱️

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

Board scrolls horizontally but it's
instant and jarring 💀 fr!!

Fix: add scroll behavior to board div:
// in index.css:
.board-scroll {
scroll-behavior: smooth;
scrollbar-width: thin;
scrollbar-color: #2a2a2f transparent;
}

// in KanbanBoard.jsx board div:
className="board-scroll flex gap-4 p-4
overflow-x-auto h-full"

~4 lines across 2 files!
No backend needed 🎯

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

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.