gh-pages: quickstart, syntax highlighting bug

[sudoankit]

The quickstart guide has this nasty out of code block render.

I fixed it with some changes in CSS and now looks like:

Should I go for a PR?

[faxm0dem]

👍

[sudoankit]

Alright.
Thank you.

[mcorbin]

@sudoankit I still have the issue in riemann.io.
The website is also smaller (smaller width, smaller font...) than before.

@jamtur01 can you reopen the issue (and maybe revert the commit if i'm right about the websize width) ?

[jamtur01]

I'm not seeing the smaller site. The long URL is still not wrapping though.

[mcorbin]

I have a smaller website on my machine (using jekyll serve, without the commit).

[sudoankit]

@jamtur01 Can you post a screenshot of the long URL which is not wrapping?

I see it's working alright in mine?

[jamtur01]

Chrome on OSX.

[mcorbin]

Firefox 52/Linux, when i am at the top of the quickstart on riemann.io, the last line i see is :
"Riemann is now listening for events. Install the Ruby client, utility package, and dashboard. You may need to install ruby-dev for some dependencies; your OS package manager should have a version available for your Ruby install."

On my machine without the commit, the last line i see is :
"You can also install Riemann via the Debian or RPM packages, through Puppet, Vagrant, or Chef."

So i have a bigger (and larger) website locally.
I don't know if it is a problem (i don't have frontend skills).

I also have the long url problem.

[sudoankit]

@jamtur01 Alright. I reproduced that on Chrome OSX. Safari works alright. I found a solution here , let me fix this and test in all browsers.

[jamtur01]

@sudoankit I also updated the versions in quickstart so do a pull first.

[jamtur01]

Did you get a chance to test a solution?

[thachmai]

I propose 2 possible fixes: #864 or #865

Personally I prefer the scrollbar (#864). It's a lesser evil than breaking vertical alignment and spacing in my opinion.

[jamtur01]

Then let's go with #864 - thanks for doing this!