1398056 - Black h3 background and gray <code> background

Status: RESOLVED WONTFIX

(Developer Documentation Graveyard :: General, enhancement)

Description

[Florian Scholz (Open Web Docs)]

What did you do?
================
Went to https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array#Array_instances

What happened?
==============
Saw <h2><code>Array</code> instances</h2> with both black and gray backgrounds

What should have happened?
==========================
Not sure having both backgrounds looks great. The gray background box seems also larger than the black background.

Is there anything else we should know?
======================================
Thanks for the gray for <code> generally. It's awesome!

Comment 1

[Stephanie Hobson [:shobson]]

On Mac this is only a problem with Firefox and not with Chrome or Safari. That complicates fixing it :/

Comment 2

[Stephanie Hobson [:shobson]]

Attachment: Screen Shot 2017-09-08 at 11.16.03.png

Comment 3

[Stephanie Hobson [:shobson]]

Since the article page scanability changes this is a problem in h3s instead of h2s now.

Comment 4

[Florian Scholz (Open Web Docs)]

We shouldn't use <code> in headlines.

Comment 5

[Eric Shepherd [:sheppy]]

I have updated the MDN style guide to say specifically not to use any styles or things like <code> within headings. We need to work on removing these going forward.

Comment 6

[BMO Automation]

MDN Web Docs' bug reporting has now moved to GitHub. From now on, please file content bugs at https://github.com/mdn/sprints/issues/ and platform bugs at https://github.com/mdn/kuma/issues/.