search

mdn / content

The content behind MDN Web Docs
https://developer.mozilla.org
Other
9.15k stars 22.47k forks source link

Tiny code in syntax boxes #1097

Closed Rumyra closed 3 years ago

Rumyra commented 3 years ago

This is web API specific as I haven't checked out other pages yet, purely the ones I am either working on or reviewing...

The 'syntaxbox' at the top of interface member pages is rendered with smaller text than the example code blocks. After a bit of inspecting I believe this is because syntax pre element doesn't include the class brush: js - instead uses the class syntaxbox and probably notranslate.

We should define a solution, which I put forward as one of the following two options:

  1. We specify brush: js class needs to be added to the syntaxbox pre element
  2. We modify the site css so syntaxbox is rendered correctly

We're almost back in a discussion around syntax boxes being pseudo js... however I don't think the addition of a syntax highlighting class (brush: js) really affects this.

@mdn/yari-content-web-api

schalkneethling commented 3 years ago

Something went wrong when this one was transferred initially so, this is a Duplicate of https://github.com/mdn/content/issues/1123