[Question] scrollbar appearing on flex column header/footer/template when combining destyle w/ other CSS

[KaKi87]

[Question] scrollbar appearing on flex column header/footer/template when combining destyle w/ other CSS

[nicolas-cusan]

It seems to have something to do with the font-family on the body in the Discord.css stylesheet. But I am not sure why that is... it is indeed strange.

It seems that the Whitney font that is bundled with macOS (I am on macOS) some how messes with the size of the elements.

Maybe you can try to actually load the font files (it seems that the path in the @font-face declarations does not link to anything) and that might fix it.

[KaKi87]

I am not on Mac but on Linux, and I don't have the Whitney font installed, yet the font is loading and I am experiencing this issue.

The @font-face declarations work because those WOFF files exist in the same directory as this CSS file.

The issue is indeed due to the combination of font-family: 'Whitney', sans-serif from Discord.css and line-height: 1.15 from destyle.min.css.

Why does Destyle include this, though ?

Thanks

[nicolas-cusan]

I like line-height: 1.15 as a default for line-height but removing it does not seem to fix the issue for me.