Not the good number of lines

[lcswillems]

Hi,

I tried the line numbers plugin. However, with the following code:

<pre class="line-numbers"><code class="language-latex">\section{Hi}

\begin{itemize}
\item Hi
\end{itemize}</code></pre>

I get the following output:

Any idea?

[lcswillems]

There is the good number!! I just don't have the good line height. Sorry for that!

[lcswillems]

However, how can I change the line height of the line numbers?

[RunDevelopment]

It's important that both the pre and code elements have the same line height. You don't seem to use one of Prism's default themes, so I guess that that's the issue.

Btw. What theme is that?

[lcswillems]

It is the Github theme: https://github.com/PrismJS/prism-themes/blob/master/themes/prism-ghcolors.css

This is strange because, with the default theme, the line numbers have the good line-height but with this theme they don't...

[RunDevelopment]

Alright. The problem is the following line:

code[class*="language-"],
pre[class*="language-"] {
    ...
    font-size: 0.95em;
    ...
}

This means that for a code block <pre><code>, the font size of pre and code is 95% of their parent. The parent of code is pre, so effectively, the code will be displayed at 90.25% font size.

I don't quite get why, but just enforcing that the font size of code is 100% fixes the issue.
I'll make a PR with the fix.

[lcswillems]

In fact, your fix works for me!

Thank you :)

[mAAdhaTTah]

Going to close this issue, since the fix is in prism-themes.