search

getnikola / nikola-themes

Themes for Nikola
https://themes.getnikola.com/
71 stars 53 forks source link

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

Open dastagg opened 9 years ago

dastagg commented 9 years ago

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

Within the listings directory I have the following structure

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:

defaulttheme-listing

Default Code:

defaulttheme-code

ZenJinja Listing:

zenjinjatheme-listing

ZenJinja Code:

zenjinjatheme-code

Kwpolska commented 9 years ago

@damianavila?

damianavila commented 9 years ago

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

encarsia commented 6 years ago

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 commented 6 years ago

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

image