Embedding Gist in Blogger

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;
}

Comments

Popular posts from this blog

How to prepare your LOB app for Intune?

Information Architecture - Setup your term store to scale

Generate token signing .CER from ADFS Federation Metadata XML