Line numbers missing last two lines

[fladd]

The last two line numbers are not indicated for some reason. See also attached screenshot.

[Golmote]

Could you provide on online example reproducing this issue? Also, which browser are you using to reproduce it?

[fladd]

@Golmote

http://ghost.fladd.de/welcome-to-ghost/

Safari and Chrome.

[Golmote]

@fladd Thanks. The issue is due to the white-space: pre-wrap that is applied to code blocks in your screen.css stylesheet. Please use white-space: pre for code blocks highlighted with Prism.

[Golmote]

Or if you really want to preserve the soft wrapping, you can take a look at this pending PR.

[fladd]

@Golmote Unfortunately, white-space: pre does not solve the problem.
I just added this to my prism.css (which is loaded after the screen.css). But the problem still persists. Actually, now the numbers don't even line up with the code lines...

Anything else wrong with my setup?

[Golmote]

EDIT: @fladd Sorry, you might need to uncomment word-wrap: normal too.

[fladd]

@Golmote Indeed, word wrap was it.

To fix the issue of line numbers not lining up with the code: pre.line-numbers > code needs a padding-top: 6px. No clue why. But now it is lined up. Maybe this can be fixed in your default code?

[Golmote]

I think it might have to do with other styles too. I'll check this out though.
For now, this issue is fixed ;)