mirror of
https://github.com/john-okeefe/foliate-js.git
synced 2026-09-09 11:29:14 -04:00
Fix header/footer direction
This commit is contained in:
@@ -351,6 +351,7 @@ export class Paginator {
|
|||||||
maxColumnWidth: 700,
|
maxColumnWidth: 700,
|
||||||
}
|
}
|
||||||
constructor({ book, onLoad, onRelocated, createOverlayer }) {
|
constructor({ book, onLoad, onRelocated, createOverlayer }) {
|
||||||
|
this.bookDir = book.dir
|
||||||
this.sections = book.sections
|
this.sections = book.sections
|
||||||
this.onLoad = onLoad
|
this.onLoad = onLoad
|
||||||
this.onRelocated = onRelocated
|
this.onRelocated = onRelocated
|
||||||
@@ -492,6 +493,7 @@ export class Paginator {
|
|||||||
height: `${margin}px`,
|
height: `${margin}px`,
|
||||||
gridTemplateColumns: `repeat(${marginalDivisor}, 1fr)`,
|
gridTemplateColumns: `repeat(${marginalDivisor}, 1fr)`,
|
||||||
gap: `${gap}px`,
|
gap: `${gap}px`,
|
||||||
|
direction: this.bookDir === 'rtl' ? 'rtl' : 'ltr',
|
||||||
}
|
}
|
||||||
Object.assign(this.#header.style, marginalStyle, { top: 0 })
|
Object.assign(this.#header.style, marginalStyle, { top: 0 })
|
||||||
Object.assign(this.#footer.style, marginalStyle, { bottom: 0 })
|
Object.assign(this.#footer.style, marginalStyle, { bottom: 0 })
|
||||||
|
|||||||
Reference in New Issue
Block a user