Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Add smooth horizontal scroll on board 🖱️

Aperta Adatta ai principianti
#615 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

@nikhil9verma ci sta già lavorando.

Dal 14/10/2026.

Valutazione

Difficoltà
1/5
Tempo stimato
1-3 ore
Idoneità per principianti
85/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
javascript, react, tailwindcss
Ambito
frontend

Direzione di ricerca

Apri client/src/components/Board/KanbanBoard.jsx e individua il div della board, poi leggi index.css per vedere dove inserire gli stili della board. Aggiungi il comportamento di scorrimento e gli stili della barra di scorrimento forniti in questi due file. Il lavoro è completo quando lo scorrimento orizzontale sulla board è fluido e la barra di scorrimento è sottile e del colore specificato.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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 🎯

Lingua principale
JavaScript
Stelle
39
Fork
105
Merge medio
1g 16h
PR unite (30g)
34

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di anoopcodehack/DevBoard

Tutte le issue di anoopcodehack/DevBoard

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.