I'm on Ubuntu 24.04.2 and Calibre 8.4. All of my epubs display only a few lines of text, then the footers, with a huge bottom margin. The inspector shows this <div> element within body>div#view:
Code:
<div style="max-height: 100dvh; width: 100dvw; height: 100dvh; overflow: hidden; display: flex; align-items: stretch">
In the inspector, the max-height, width and height values are stricken out and say "Invalid property value". In the computed styles section of the inspector, it shows height=190px.
Within the div quoted above, if I change the height value from "100dvh" to anything else, like "500px", then it works, the text area enlarges to the 500px size.
However, if I add a custom style in preferences like this, it has no effect:
Code:
div#view>div{
max-height:500px !important;
height:500px !important;
}
I would like to make it so the text area fills the window and adjusts as the window size is change.