Content width not set properly

Even though default styles were defined in PR#102, I’m still experiencing width setting issues:

Both rules added in that PR are set properly in the inline stylesheet but .gsc-comments is still missing 1 or 2 pixels worth of padding-right. Here’s a live demo if you need to give it a spin yourself.

Thanks 💪

[barnumbirr]

If that’s too much hassle for you, try this in your extra.css instead:

.md-main .md-content > .md-content__inner.md-typeset {
    margin-left: 1.1rem;
    margin-right: 1.1rem;
}

That fixes it indeed. Issue is also present on Microsoft Edge but not on Chromium nor Firefox Mobile. Don’t really have an idea if this is a browser or theme issue so not sure where to report it. I’ll close this issue for now.

[laymonage]

@barnumbirr You’re not supposed to put the custom CSS for giscus on your website. The widget is loaded in an <iframe> so your styles won’t have any effect. You need to use a custom giscus theme via the data-theme attribute. The CSS that you put on your website can only be used to style the <div> wrapper or the <iframe> itself (useful for simple use cases e.g. limiting the height to make it scrollable), but not the <iframe>'s content, which is what’s necessary to apply the padding-right: 1px hack.

If that’s too much hassle for you, try this in your extra.css instead:

.md-main .md-content > .md-content__inner.md-typeset {
    margin-left: 1.1rem;
    margin-right: 1.1rem;
}

It’s probably a bug in either the Material MkDocs theme or Firefox, maybe you could open an issue there.