Octopress-Theme-Slash icon indicating copy to clipboard operation
Octopress-Theme-Slash copied to clipboard

Gists Display Incorrectly

Open nick-thompson opened this issue 12 years ago • 6 comments

Thanks for the awesome theme!

I've noticed that when using the {% gist [id] %} tag, the gist renders incorrectly. I think there are some !important declarations in the Slash stylesheets that override the Gist style sheet declarations.

I haven't been able to look into it very deeply, but I wanted to give you a heads up.

nick-thompson avatar Jan 09 '13 20:01 nick-thompson

I'm seeing problems too; the code from all my gist listings gets centered. Otherwise, this seems like a very nice theme!

kaelin avatar May 05 '13 03:05 kaelin

Gist handling is currently terrible, and I think it's going to require some careful refactoring to work around. Ideally I'd be able to shove the gist into an iframe and apply styles to it in a sandbox. The github embed code just spews a div into the DOM

emberian avatar Jun 17 '13 19:06 emberian

On the other hand, octopress 2.1 does things a lot differently with the gist plugin... will wait for that I suppose.

emberian avatar Jun 17 '13 19:06 emberian

Hello and thanks for the theme!

Are there any updates regarding this issue?

sprig avatar May 03 '14 16:05 sprig

From what I found here: http://devspade.com/blog/2013/08/06/fixing-gist-embeds-in-octopress/ this might be a problem that is not confined to this theme. Also from that post I found (and verified) that adding:

.gist-file {
  font-size:.8em !important;
}

table.lines{
  width: 100%;
}

to octopress/sass/custom/_style.css fixes the problem (for me). Perhaps something similar should just be included in the theme?

sprig avatar May 03 '14 16:05 sprig

@sprig awesome, glad someone finally found a workaround! Want to send a pull request with those changes? I'll merge that.

emberian avatar May 04 '14 02:05 emberian