display block missing in some classes
bunglegrind opened this issue · comments
If I convert the following url to a epub (save page):
https://overreacted.io/making-setinterval-declarative-with-react-hooks/
with the following custom css rules:
header h3,
.react-toggle,
main article header p,
footer,
aside
{display: none!important;}
body div div div div
{
max-width: 90%!important;
}
the display:block in class .gatsby-highlight-code-line is not present in the epub. leading to issues in visualization (as example please notice the first code box when "Your custom logic here" is written).
I'm using Firefox 90.0.2 on Windows.
It seems that adding "display" to the array supportedCss in
fixes the issue