a bug when embeding GitHub Gist

[seisman]

I am trying to embed GitHub Gist into rST files, below is the simplest example :

Test for Gist
#############                                                                       

.. raw:: html                                                                       

   <script src="https://gist.github.com/seisman/25337aa9df50fb6ec6c3.js"></script>

What I want to see looks like this:

But the actual result looks like this:

It seems to be caused by the definition of table-layout property in elegant.css, so I comment out the table-layout property and it works fine now.

/* Syntax Highlight */                                                           
table {
//    table-layout: fixed;
      width: 100%;
}

I don not know much about CSS, so I am not sure whether this modification have possible side-effects or not.

[Schnouki]

Same issue. I added the following to my custom.css:

/* Gist */
.gist {
    font-size: .85em;
    line-height: 1.1em;
}
.gist table {
    table-layout: initial;
}

Works fine, and shouldn't affect anything else.

[silverhook]

Is this still an issue with the latest code?

If so, I think it would make sense to implement @Schnouki’s fix and document it.

[talha131]

@all-contributors please add @seisman for bug

[allcontributors]

@talha131

I've put up a pull request to add @seisman! 🎉

[talha131]

@all-contributors please add @Schnouki for code

[allcontributors]

@talha131

I've put up a pull request to add @Schnouki! 🎉

[talha131]

0416433

[talha131]

🎉 This issue has been resolved in version 3.1.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀