Closed Bug 944940 Opened 11 years ago Closed 4 years ago

Code sample background does not line up with text; hard to read

Categories

(developer.mozilla.org Graveyard :: Design, defect)

x86_64
Windows 7
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED WONTFIX

People

(Reporter: basta, Unassigned)

Details

Attachments

(1 file)

Attached image Example
Notice that the background for code samples does not line up with the text. The background features a grid but the gridlines do not line up with the typographic line spacing, meaning the text in the code sample has lines pass through it at uneven intervals.

Instead, the background should be scaled such that the major gridlines pass through the text at even intervals, or pass between the lines (by setting the size of the grid to a multiple of the code's line-height).

You can accomplish this, perhaps, by resizing the image to a known height and/or by using `background-size: <foo>em <foo>em;`
Component: General → Design / user experience
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/.
Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → WONTFIX
Product: developer.mozilla.org → developer.mozilla.org Graveyard
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: