Embedding Gist in Blogger

November 28, 2016

I tried to embed Gist into my blogger post. Everything looked fine except the overflow:scroll is not working. Interestingly, without setting fixed height (eg. height:100px) both x and y scrolls are not working. 

I tried the following override in blogger template and it somehow broke the overall scroll. 

.gist .blob-wrapper
    height: 100vh !important;
    height:500px !important;
    overflow-y: auto !important;

Finally I settled down to the following, which wrapped the text decently. 

.gist .blob-code-inner {
white-space:pre-wrap !important;

You Might Also Like


Popular Posts