luk707 / luk707/imprest

CodeBlock line numbers should not be implemented using a before pseudo element.

Open
#9 0 comments 0 reactions 0 assignees View on GitHub
enhancement good first issue
Dominant language
TypeScript
Stars
1
Forks
0
PR merge metrics
No merged PRs in 30d

Description

The use of a before pseudo element means that a unique class is generated for every line of code. This could be simplified by simply rendering an actual DOM element that is not user selectable.

Sent with GitHawk

Contributor guide

Open the contributing guide

Research direction

Start by locating the CodeBlock component and inspect how line numbers are currently produced with a before pseudo-element and per-line classes. Replace that mechanism with an actual non-selectable DOM element, then verify that line numbers render correctly without generating a unique class for every code line.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Refactor
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.