Bookhoard/foliate-js
1
0
Fork 0
mirror of https://github.com/john-okeefe/foliate-js.git synced 2026-09-09 11:29:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix page breaks

Browse Source 
Replace `page-break-*` with `-webkit-column-break-*`.

See https://github.com/johnfactotum/foliate/issues/962#issuecomment-1437982082
This commit is contained in:
John Factotum
2023-02-21 07:51:34 +00:00
committed by GitHub
parent 07a8b76d3a
commit b8049952bf
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
epub.js
+9 -4
View File
@@ -572,10 +572,15 @@ class Loader {
.then(url => `@import "${url}"`))
const w = window?.innerWidth ?? 800
const h = window?.innerHeight ?? 600
const replacedVwVh = replacedImports
.replace(/(\d*\.?\d+)vw/g, (_, d) => parseFloat(d) * w / 100 + 'px')
.replace(/(\d*\.?\d+)vh/g, (_, d) => parseFloat(d) * h / 100 + 'px')
return replacedVwVh.replaceAll('-epub-', '')
return replacedImports
// unprefix as most of the props are (only) supported unprefixed
.replace(/-epub-/gi, '')
// replace vw and vh as they cause problems with layout
.replace(/(\d*\.?\d+)vw/gi, (_, d) => parseFloat(d) * w / 100 + 'px')
.replace(/(\d*\.?\d+)vh/gi, (_, d) => parseFloat(d) * h / 100 + 'px')
// `page-break-*` unsupported in columns; replace with `column-break-*`
.replace(/page-break-(after|before|inside)/gi, (_, x) =>
`-webkit-column-break-${x}`)
}
// find & replace all possible relative paths for all assets without parsing
replaceString(str, href, parents = []) {