Add line numbers toggle on code snippets 🔢
Maintainer antworten meist innerhalb von 2 Tagen
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Anfängerfreundlichkeit
- 85/100
- Issue-Typ
- Feature
- Klarheit
- Klar beschrieben
- Aktivitätsstatus
- Ruhig
- Tech-Stack
- javascript, react
- Bereich
- frontend
Rechercherichtung
Beginne in client/src/components/Board/TaskCard.jsx und lies nach, wie Code-Snippets mit react-syntax-highlighter dargestellt werden. Füge einen Schalter für die integrierte Zeilennummernanzeige hinzu; fertig ist es, wenn Nutzer Zeilennummern in Snippets ein- und ausblenden können, ohne die Task Card auszulösen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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 🎯
- Vorherrschende Sprache
- JavaScript
- Sterne
- 39
- Forks
- 105
- Ø Merge
- 1 T. 12 Std.
- Gemergte PRs (30 T.)
- 27
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Keine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus anoopcodehack/DevBoard
-
good first issue
Schwierigkeit 1/5 1-3 Stunden Anfängerfreundlichkeit 88/100
anoopcodehack/DevBoard#589 ·
Maintainer antworten meist innerhalb von 2 Tagen
-
enhancement good first issue
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
anoopcodehack/DevBoard#588 ·
Maintainer antworten meist innerhalb von 2 Tagen
-
good first issue
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100
anoopcodehack/DevBoard#587 ·
Maintainer antworten meist innerhalb von 2 Tagen
-
good first issue
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100
anoopcodehack/DevBoard#586 ·
Maintainer antworten meist innerhalb von 2 Tagen
-
good first issue
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
anoopcodehack/DevBoard#584 ·
Maintainer antworten meist innerhalb von 2 Tagen
Alle Issues in anoopcodehack/DevBoard
Ähnliche Issues
-
clawsweeper:needs-product-decision clawsweeper:needs-security-review clawsweeper:no-new-fix-pr clawsweeper:source-repro impact:security issue-rating: 🦞 diamond lobster P2
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
openclaw/openclaw#166870 · 2 Kommentare · 1 Reaktion ·
Maintainer antworten meist innerhalb von 1 Tag
-
⚠ needs intervention document structure changed
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
-
Bug pulumi/pulumi
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
uoftblueprint/canada-basketball#32 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
andromarces/agent-loops#571 ·
Maintainer antworten meist innerhalb von 1 Tag