display block missing in some classes
Opened this issue · 1 comments
bunglegrind commented
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.
bunglegrind commented
It seems that adding "display" to the array supportedCss in
fixes the issue