#4066 [RFE] Github style CSS block of code and citation
Closed: Fixed 5 years ago Opened 5 years ago by jaruga.

I tried below markdown for both GitHub and Pagure.

Markdown sample
https://gist.github.com/junaruga/28efa9c914e0e4e831da47fa4bf6afe0

GitHub
https://github.com/junaruga/github-markdown/blob/master/resources/github_markdown.png

Pagure
https://github.com/junaruga/github-markdown/blob/master/resources/pagure_fedora_markdown.png

I prefer block of code's background color is gray like GitHub.
And right now margin-buttom of the block of code is zero. This is uncomfortable.

Maybe ./pagure/static/pagure.css pre (block of code), blockquote (citation) parts can be better for that.

There is a way to check GitHub CSS.

$ npm install generate-github-markdown-css
$ ./node_modules/.bin/github-markdown-css > github-markdown.css

And here is the sample html I prepare with the GitHub CSS.
https://github.com/junaruga/github-markdown/blob/master/sample.html


This is already fixed in master for 5.2, I believe.

Thanks for the info. Nice! Gray background color!

But it seems that the latest code of block (pre) is still margin-buttom: 0.
It need space between bottom of the code block and the text "Citation test".

And I think blockquote's padding-top: N and padding-buttom: N is too big comparing with Github markdown html.

Would you like to work on a PR for this? :)

Well, I get in vacation from tomorrow until Sunday. After coming back, I might look at it. But do not expect it :)

Would you like to work on a PR for this? :)

I can work now for that. Just moment.

Metadata Update from @pingou:
- Issue assigned to jaruga
- Issue set to the milestone: 5.2
- Issue tagged with: RFE

5 years ago

Login to comment on this ticket.

Metadata
Related Pull Requests
  • #4069 Merged 5 years ago