reactjs / reactjs/react.dev

Docs: Formatting for code blocks nested in blockquote

Open
#1,640 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
1d 11h
Merged PRs (30d)
11

Description

Do you want to request a feature or report a bug?
Bug

What is the current behavior?
Styling in docs

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your JSFiddle (https://jsfiddle.net/Luktwrdm/) or CodeSandbox (https://codesandbox.io/s/new) example below:

As seen https://reactjs.org/docs/hooks-reference.html#usestate
screen shot 2019-02-06 at 2 02 00 pm

What is the expected behavior?

Code blocks nested in block quotes should not have negative margin space.

Missing:

blockquote .gatsby-highlight {
  margin-left: 0px;
}

screen shot 2019-02-06 at 2 10 41 pm

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the Hooks reference page linked in the issue and inspect the documentation styles affecting .gatsby-highlight inside blockquotes. Confirm the nested code block no longer has negative margin space and compare the rendered result with the supplied screenshots.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
documentation
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.