View Single Post
Old 05-11-2025, 10:14 AM   #1
Outfit6073
Junior Member
Outfit6073 began at the beginning.
 
Posts: 2
Karma: 10
Join Date: May 2025
Device: calibre e-book viewer
Tiny text area & huge bottom margin

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.
Outfit6073 is offline   Reply With Quote