Make Gist embed scrollable

2020-07-20 02:27发布

is it possible to make gist embed script have vertical scroll bar? I want to embed my gist to my blog post, but it's a long code. I want my gist look like this in my blog post :

Scrollable code container

2条回答
劫难
2楼-- · 2020-07-20 03:23

The easiest solution is to add the following code to your CSS:

.gist-data{
    height:250px; // Any height
    overflow-y: visible;
}

This will limit the height of the gist's container, I tried other wrappers around it and this was the first one to limit the height.

Depending on specificity, you may need to add !important in your styles.

查看更多
在下西门庆
3楼-- · 2020-07-20 03:23

One WordPress project which provides that kind of feature would be "Embed GitHub Gist / Gist height (7 posts)".

I wanted to add a gist height for really long gists that would result in a scrollbar for the embed.
Here's the patch to achieve this for the current trunk using a height parameter to the shortcode.

The most recent version is at this project.

Some of that work might have been included in "dflydev/embed-github-gist".

查看更多
登录 后发表回答