avi/Folio
avi/Folio
1
0
Fork 0
Code Issues Pull requests Projects Releases 16 Packages Wiki Activity Actions

Fix Full Book view layout so the entire manuscript is scrollable

Browse source 
The Full Book pane had no CSS rule, so it fell back to block layout:
the CodeMirror editor grew to the full manuscript height and was
clipped by the overflow-hidden workspace, leaving the content below
the first screen unreachable and making a multi-chapter book appear
as a single chapter. Give .full-book-view the same flex-column layout
as .chapter-view so the editor is bounded and scrolls internally.

Add an e2e assertion (fbLayoutOk) that checks the computed layout is a
flex column with the editor bounded to the viewport, so this class of
rendering regression is caught in future runs.
This commit is contained in:
avi 2026-08-17 20:17:52 -05:00
commit 424aeab8a1
2 changed files with 25 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/renderer/index.css
View file

@ -437,6 +437,14 @@ html, body {
overflow: hidden;
}
.full-book-view {
flex: 1;
display: flex;
flex-direction: column;
padding: 0;
overflow: hidden;
}
.chapter-header {
display: flex;
align-items: baseline;