Automattic / Automattic/syntaxhighlighter

Add padding around code block on the frontend

Open
#131 0 comments 0 reactions 0 assignees View on GitHub
[Type] Enhancement
Dominant language
CSS
Stars
251
Forks
81
PR merge metrics
No merged PRs in 30d

Description

Particularly when using a dark theme, the code is pretty close to the edges:

---

Screen Shot 2020-03-27 at 16 02 07

---

Would be nice to add a bit of padding.

Contributor guide

No contributing guide indexed for this repository

Research direction

Inspect the frontend styles that control code blocks and compare their spacing with the attached screenshot, particularly under a dark theme. Add the requested edge padding and verify that code blocks no longer sit close to their boundaries.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Feature
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.