Add line numbers toggle on code snippets 🔢
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
- 85/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Tranquilla
- Stack tecnologico
- javascript, react
- Ambito
- frontend
Direzione di ricerca
Inizia da client/src/components/Board/TaskCard.jsx e leggi come vengono visualizzati gli snippet di codice con react-syntax-highlighter. Aggiungi un interruttore per la visualizzazione integrata dei numeri di riga; il lavoro sarà completo quando gli utenti potranno mostrare e nascondere i numeri di riga negli snippet senza attivare la scheda dell’attività.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Add line numbers toggle on code snippets 🔢
File: client/src/components/Board/TaskCard.jsx
Code snippets show no line numbers 💀
Hard to reference specific lines fr!!
Fix:
const [showLineNums, setShowLineNums] = useState(false)
<button
onClick={(e) => {
e.stopPropagation()
setShowLineNums(v => !v)
}}
className="text-[10px] text-[#555]
hover:text-purple-400 transition">
{showLineNums ? '# hide' : '# lines'}
<SyntaxHighlighter
showLineNumbers={showLineNums}
...
~6 lines! showLineNumbers built into
react-syntax-highlighter ✅
No backend needed 🎯
- 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
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
Effect-TS/effect#8881 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
mail processing verified
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
I maintainer di solito rispondono entro 7 giorni
-
2个显示的问题Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
coolsnowwolf/lede#14209 ·
-
L: github:actions L: php:composer
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
dependabot/dependabot-core#16493 ·
I maintainer di solito rispondono entro 1 giorno
-
Always show measure tooltipsAperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
I maintainer di solito rispondono entro 1 giorno