Unexpected paragraphs in lists items are messing their margin up

[qn7o]

When using lists (any type of lists), once you introduce a paragraph inside one of the list items (by any mean: explicitly making a new paragraph or introducing a blockquote which will wrap the rest of the list item's text in a paragraph), all the following list items will be wrapped in paragraphs. You'll see it clearly in the attached screenshot.

Also, these paragraphs have a margin-top property that makes the lists look dirty once there are paragraphs inside. In the screenshot, from the Item 3, every Item have a margin-top: 15px applied, while the previous elements don't.

If you'd like to test on your side, here's the source:

    * Item #1
    * Item #2  
      With a newline inside.
    * Item #3
      
      With another paragraph inside.
    * Item #4
    * Item #5

    Can also be reproduced in numbered lists and with blockquotes.

    1. Item #6
    2. Item #7
    3. Item #8
      
      > With  blockquote inside.
    4. Item #9

While I'm here, thanks a lot for Grip. It's great tool and I'm using it daily to render MD, making my doc reading sessions much more comfy !

[joeyespo]

(Testing)

• Item Fix the location of local_config.py #1

• Item Accept a command-line argument to change the file to be rendered #2
  With a newline inside.

• Item Accept a command-line argument to change the port #3

  With another paragraph inside.

• Item Offline rendering #4

• Item Installation from PyPI is broken #5

Can also be reproduced in numbered lists and with blockquotes.

1. Item Expand on the additional API functions #6

2. Item Add argument to render GitHub-Flavored Markdown #7

3. Item could this be used for CONTRIBUTING.md as well? #8

   With blockquote inside.

4. Item Readme: Include a note that Grip can be used to preview CONTRIBUTING #9

[joeyespo]

Hmm, I'm not so sure this is a Grip bug. Grip's purpose is to match Github exactly, and Github appears to be doing the same thing, as per the above test.

Here's a screenshot of what I see in case it's rendering differently for you.

Unless you see something different, it seems to be working properly. If it's bothering you, open an issue with Github =) Well, they don't have a public issue tracker, so use this one.

That said, to actually answer your question, you can override Github's styles locally by adding your own CSS files and telling Grip to use them:

1. Visit the grip directory, where all the .py files are, and where the templates directory is
2. Create a settings_local.py file and add STYLE_URLS = ['static/local.css'] to it
3. Add a static directory
4. Create a local.css file in the static directory and add your adjusted margin styles there

Hope this helps! And thanks, glad you like Grip =)

[joeyespo]

@ABourguignon I just added the explanation to the project, under grip/static/README.md.

Let me know if this makes sense!

[qn7o]

Hello Joe,

Great, thanks a lot for all this ! I'll still shoot an email at Github's support, just in case, because the way they are adding

in lists items still seems fuzzy. And in the meantime, I'll use the custom CSS feature.

Thanks again, kind regards, and keep up the good work !
Antonin.