Automattic / Automattic/simplenote-electron

Web app: Markdown formatting for `code`

Open
#3,087 1 comment 0 reactions 0 assignees View on GitHub
[feature] editor [feature] markdown
Dominant language
TypeScript
Stars
5.3k
Forks
588
Avg merge
9h 45m
Merged PRs (30d)
4

Description

### What

Then using backtics to display code in a regular line of text, the rendered markdown gets displayed with a grey highlight, along with a monospace font.

When adding code inside a bulleted list, though, the rendered markdown only uses the monospace font, but without any highlighting.

![Agorapulse_-_Inbox__62_](https://user-images.githubusercontent.com/11873759/161902692-81e54ceb-e685-4c50-90ff-88df258418b6.png)

![Agorapulse_-_Inbox__62_](https://user-images.githubusercontent.com/11873759/161902730-3bd88147-a0c0-4aab-b8c2-281307492327.png)

### Why

Adding highlighting to `code` within bulleted lists will improve readability and provide a more consistent experience.

Requested [via Twitter](https://twitter.com/avernet/status/1511558123252699142)

Contributor guide

Open the contributing guide

Research direction

Start by locating the web app's Markdown renderer and compare how inline code is rendered in a regular line versus a bulleted list. Done means inline code in both contexts has the same grey highlighting and monospace font; verify the behavior in the rendered web app.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.