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

Clamp divisor

Browse Source 
Although the max width is min-inline-size * max-column-count, sometimes
the actual width apparently doesn't match that exactly.
This commit is contained in:
John Factotum
2023-06-02 04:45:34 +08:00
parent 2e5dda77e0
commit 481d28cced
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
paginator.js
+2 -1
View File
@@ -533,6 +533,7 @@ export class Paginator extends HTMLElement {
const style = getComputedStyle(this) const style = getComputedStyle(this)
const maxInlineSize = parseFloat(style.getPropertyValue('--_max-inline-size')) const maxInlineSize = parseFloat(style.getPropertyValue('--_max-inline-size'))
const maxColumnCount = parseInt(style.getPropertyValue('--_max-column-count'))
const margin = parseFloat(style.getPropertyValue('--_margin')) const margin = parseFloat(style.getPropertyValue('--_margin'))
this.#margin = margin this.#margin = margin
@@ -571,7 +572,7 @@ export class Paginator extends HTMLElement {
return { flow, margin, gap, columnWidth } return { flow, margin, gap, columnWidth }
} }
const divisor = Math.ceil(size / maxInlineSize) const divisor = Math.min(maxColumnCount, Math.ceil(size / maxInlineSize))
const columnWidth = (size / divisor) - gap const columnWidth = (size / divisor) - gap
this.setAttribute('dir', rtl ? 'rtl' : 'ltr') this.setAttribute('dir', rtl ? 'rtl' : 'ltr')