Embedded gist formatting is too fragile

• 

  abahgat · Member · Jan 2, 2013 at 11:14 pm

  • Copy link
  • Add topic to favorites

  While we were all glad to see that WordPress now supports embedding of GitHub gists, it seems like the current implementation is a bit fragile in terms of formatting.

  I am drafting a post containing a few gists and layout is completely broken. You can experience the issue also by visiting the official support page: http://en.support.wordpress.com/gist/ (source code in gists is centered).

  Ideally, it would be great if the embedded gists would be wrapped in an element that resets the CSS that messes up.

  The blog I need help with is: (visible only to logged in users)

• 

  kardotim · Member · Jan 4, 2013 at 6:20 am

  • Copy link

  I took a look to your drafted post and everything is working properly. Do you also encounter this issue in a different browser? for example Firefox or Safari?

  Otherwise please send us a screenshot of the page where you’re seeing this.

  Sorry for the inconvenience.

• 

  abahgat · Member · Jan 4, 2013 at 8:54 am

  • Copy link

  Thank you for looking into this.

  here’s a screenshot of your own page about GIST support: http://i.imgur.com/wYzwY.png (the problem is that the source code is misaligned)

  here’s a screenshot of my post draft: http://i.imgur.com/GKBrk.png (the problem is that the code font is smaller than the one used for the line numbers, that are therefore not-aligned). This in particular is due to the WP CSS font-size specification for pre prevailing on the one in gists.

• 

  kardotim · Member · Jan 4, 2013 at 10:39 am

  • Copy link

  I’ve just reported this problem to our developers to take a closer look at. I’ll keep you informed. Thank you for your patience.

• 

  kardotim · Member · Jan 10, 2013 at 5:05 pm

  • Copy link

  Thank you for your patience. The problem has been resolved.

  Feel free to contact us if you have any other questions.

• 

  abahgat · Member · Jan 21, 2013 at 1:40 pm

  • Copy link

  Thanks!
  I eventually decided to fix the built-in source code rendering via CSS, but gists work fine now :)

• 

  kardotim · Member · Jan 22, 2013 at 7:22 am

  • Copy link

  Awesome. Cheers.