Add zoom in/out control for the board 🔍
I maintainer di solito rispondono entro 2 giorni
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 78/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- javascript, react
- Ambito
- frontend
Direzione di ricerca
Inizia da client/src/pages/Dashboard.jsx, il file indicato nell’issue, e leggi come vengono renderizzati la board e la navbar. Aggiungi i controlli dello zoom e collega lo stato dello zoom alla visualizzazione della board, rispettando i limiti descritti nell’issue. Verifica che lo zoom della board aumenti e diminuisca a incrementi del 10%, dal 60% al 130%, anche su uno schermo piccolo.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Add zoom in/out control for the board 🔍
File: client/src/pages/Dashboard.jsx
With many columns board gets tiny 💀
No way to zoom in/out fr!!
Fix:
const [zoom, setZoom] = useState(100)
// zoom controls in navbar:
setZoom(z => Math.max(z-10, 60))} className="text-[#666] hover:text-[#aaa] text-sm px-1"> − {zoom}% setZoom(z => Math.min(z+10, 130))} className="text-[#666] hover:text-[#aaa] text-sm px-1"> +
~10 lines! No backend needed 🎯
Super useful on small screens!! 🔥
- Lingua principale
- JavaScript
- Stelle
- 39
- Fork
- 105
- Merge medio
- 1g 12h
- PR unite (30g)
- 27
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di anoopcodehack/DevBoard
-
good first issue
Difficoltà 1/5 1-3 ore Idoneità per principianti 88/100
anoopcodehack/DevBoard#589 ·
I maintainer di solito rispondono entro 2 giorni
-
Import tasks from CSV file 📤Apertaenhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
anoopcodehack/DevBoard#588 ·
I maintainer di solito rispondono entro 2 giorni
-
good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
anoopcodehack/DevBoard#587 ·
I maintainer di solito rispondono entro 2 giorni
-
good first issue
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
anoopcodehack/DevBoard#586 ·
I maintainer di solito rispondono entro 2 giorni
-
good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
anoopcodehack/DevBoard#584 ·
I maintainer di solito rispondono entro 2 giorni
Tutte le issue di anoopcodehack/DevBoard
Issue simili
-
Bug pulumi/pulumi
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
andromarces/agent-loops#571 ·
I maintainer di solito rispondono entro 1 giorno
-
Code Cleanup Dev Environment
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
ProjectSidewalk/SidewalkWebpage#5699 ·
I maintainer di solito rispondono entro 1 giorno
-
automated issue report
Difficoltà 2/5 1-3 ore Idoneità per principianti 64/100
lirantal/discoprint#38 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
zenstackhq/zenstack#2873 ·
I maintainer di solito rispondono entro 1 giorno