Code block line numbers are misaligned

alex-shpak / hugo-book

Hugo documentation theme as simple as plain book

https://hugo-book-demo.netlify.app

MIT License

3.4k stars 1.17k forks source link

Code block line numbers are misaligned #640

Closed jmooring closed 5 days ago

jmooring commented 1 month ago

Using the exampleSite without modification...

mardkown

```text {linenos=table}
aaaa
bbbb
cccc
dddd
eeee
ffff
gggg
hhhh


rendered

![image](https://github.com/user-attachments/assets/5227a525-1564-4b0b-a054-81cb2f18208f)

But this renders as expected:

````text
```text {linenos=inline}
aaaa
bbbb
cccc
dddd
eeee
ffff
gggg
hhhh

alex-shpak commented 6 days ago

Hi! Thanks, I will take a look

alex-shpak commented 5 days ago

Fix has been pushed, took some time to figure out Problem is that code block numbers generated as inline spans, but lines with code are flex leading to difference in height.