Code blocks get additional indentation in previews

TaaviE commented 4 years ago

For some reason code blocks displayed in article previews get indented but article itself doesn't have such an indentation.

Is there a way to disable this behavior?

mosra commented 4 years ago

Hi!

Which browser? Can you post a screenshot? I don't see any difference here (on Vivaldi).

TaaviE commented 4 years ago

Chromium 79.0.3945.79

Preview

Article itself

mosra commented 4 years ago

Err .. sorry, spoke too soon, now I see it :) This is because the theme doesn't expect full contents of the article being shown in previews and thus causes excessive indentation in <pre> block.

There's two options:

either make the previews shorter (not sure which Pelican config option is that anymore -- I'm personally always using the :summary: metadata) -- so it looks like e.g. here: https://blog.magnum.graphics/backstage/ (the theme also makes the previews with a slightly larger text etc., with the assumption it's just a single paragraph)
or modify the template to not indent the summaries -- unindent these lines in particular: https://github.com/mosra/m.css/blob/6eefd92c2aa3e0a257503d31b1a469867dfff8b6/pelican-theme/templates/article_header.html#L30 and https://github.com/mosra/m.css/blob/6eefd92c2aa3e0a257503d31b1a469867dfff8b6/pelican-theme/templates/archives.html#L56

TaaviE commented 4 years ago

Thanks for the solution, I'll probably write a few summaries.

mosra / m.css

Code blocks get additional indentation in previews #121