ZenJinja Theme - CSS for code line numbers is not displaying correctly.

[dastagg]

I have used the same files for both the default theme and the ZenJinja theme.

Within the listings directory I have the following structure

• listings
  • xml01
    • tutorial
      • file1.xml
    • review
      • file2.xml
    • case1
      • file3.xml

When I build the site using the default theme, the code listing line numbers look normal.
When I build the site using the ZenJinja theme, the code listing line numbers are in a single column and therefore are not lining up correctly with the line.

The weird part is that the first file (file1.xml) is rendered correctly. It is the files that after the first that are rendered incorrectly. When I look at the page in the Inspector, the linenumber column in the correctly rendered page has a width of 60px but the incorrect page has a width of 34px.

Here are screenshots of the default theme and ZenJinja of the same listing:

Default Listing:

Default Code:

ZenJinja Listing:

ZenJinja Code:

[Kwpolska]

@damianavila?

[damianavila]

I will try to look on this during the weekend...

[encarsia]

I also ran in this issue and solved the problem by adding

.linenodiv {
  width: 4em;
}

to my custom.css (assuming I just messed something up when fiddling around with the theme...).

Regards

[Kwpolska]

It looks okay, at least on my end, and with the v8 modernized version (revised a few seconds ago):