Gist issue

• 

  nadrees · Member · Dec 20, 2014 at 11:25 pm

  • Copy link
  • Add topic to favorites

  I found this post https://en.forums.wordpress.com/topic/gist-issue that describes the same issue I’m running in to – gists show up only as one line.

  I tried gists both with and without my username in the url, but it doesn’t seem to matter. I’d prefer to stay with the intergalactic theme if possible. Any thoughts?

  Same gist that doesn’t work:
  https://gist.github.com/fcd64750a3843b313824

  http://nadrees.com/2014/12/20/rosalind-in-f-counting-dna-nucleotides/

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

• 

  nadrees · Member · Dec 20, 2014 at 11:58 pm

  • Copy link

  Looks like the previous thread is correct – this is an issue with the intergalactic theme. I’m using radcliff now and it’s working as expected.

• 

  timethief · Member · Dec 21, 2014 at 12:01 am

  • Copy link

  Thanks for that added information for Staff. I tagged this thread for their attention.

• 

  amightywp · Member · Dec 23, 2014 at 12:16 am

  • Copy link

  Hi there,

  I took a look at the internal trouble ticket which was created following the previous thread which you mentioned. We haven’t managed to find a fix to this problem yet, so I’m afraid I don’t have a solution for you yet. I’ve added this thread to the trouble ticket though so as soon as we have any additional information we’ll let you know!

• 

  nadrees · Member · Dec 23, 2014 at 10:24 pm

  • Copy link

  Thanks amightywp.

  Just to add more information, it looks like the Radcliff theme also has an issue with Gists. While they do display, the text is not correctly aligned with the line numbers. They get further off the longer the gist is, which is causing some issues for me.

  Are there any known themes which support featured images and gists are known to work properly?

• 

  nadrees · Member · Dec 23, 2014 at 11:07 pm

  • Copy link

  I found the issue with the Radcliffe theme. The following css selector is the offender:

  `
  .post-content th,
  .post-content td {
  border-bottom: 1px solid #eee;
  line-height: 120%;
  margin: 0;
  overflow: visible;
  padding: 2%;
  }
  `

  If i go in to my dev tools and uncheck the line-height, this gists line up with the line numbers again. It also doesn’t seem to affect the text on the rest of the page, but I’m not using tables.

  I don’t see a way to have this selector be any more specific without adding code to the WYSIWYG editor to add classes to table rows and cells, so I think the only real option is to add a css selector after the current selector specially for github gists to revert it during a gist. Something like

  `
  .post-content .gist td, .post-content .gist th {
  line-height: inherit;
  }
  `

  Let me know if I can be of any help or if you need any more information in tracking this down. Seems like it should be an easy css fix.

• 

  amightywp · Member · Dec 24, 2014 at 7:26 pm

  • Copy link

  Thanks so much for the additional information! I’m adding it to the ticket for review by the folks who are working on it.

  I appreciate you including the results of your own troubleshooting!

• 

  nadrees · Member · Jan 7, 2015 at 7:54 pm

  • Copy link

  Has there been any update on this? It looks like it’s still broken.

• 

  amightywp · Member · Jan 7, 2015 at 9:43 pm

  • Copy link

  There has not been any update at this point. I’m afraid that issues which affect fewer users and/or which do not impact vital system resources don’t always get attention quickly. Our developers will work on this as soon as they can!