mrwnslz/diora-web
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

PDF Seitenmodus: Seite füllt den Lesebereich und wird nach ihrer Textbox platziert

Browse source 
Die Leser-Regel „.reader-content > * { max-width: 65ch }“ verengte auch #pdf-viewport, im
Querformat saß die Seite deshalb seitlich versetzt; dazu kamen Polsterung und Flex-Zentrierung
oben drauf. Seitenweise misst 66-pdf-paginated.js den Bereich und setzt die Seite selbst.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
mrwnslz 2026-11-03 18:07:18 +01:00
parent a963841bc4
commit ec704a086f
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
static/css/app.css
View file

@ -1838,8 +1838,13 @@ html.nui-tts-on body.reader-immersive .now-playing-bar { transform: none; }
html.nui-tts-on body.reader-immersive .reader-overlay { bottom: var(--bar-h); }
/* PDF paginated */
.reader-content.pdf-paginated { overflow:hidden !important; display:flex; align-items:center; justify-content:center; }
/* Page by page the page fills the whole reading area, without its padding: 66-pdf-paginated.js
measures the area and places the page by its text box itself. */
.reader-content.pdf-paginated { overflow:hidden !important; display:block; padding:0 !important; }
.reader-content.pdf-paginated > #pdf-viewport { width:100%; height:100%; max-width:none; margin:0; }
.pdf-paginated .pdf-page-wrapper { margin:0; }
.pdf-paginated .pdf-page-wrapper { position:relative; }
.pdf-paginated .pdf-page-inner { position:absolute; left:0; top:0; }
/* PDF loading overlay */
.pdf-loading-overlay {