diff --git a/components/readers/EpubReader.vue b/components/readers/EpubReader.vue index c4106ff1..f266eb91 100644 --- a/components/readers/EpubReader.vue +++ b/components/readers/EpubReader.vue @@ -103,15 +103,11 @@ export default { const fontColor = isDark ? '#fff' : '#000' const backgroundColor = isDark ? 'rgb(35 35 35)' : 'rgb(255, 255, 255)' - const lineSpacing = this.ereaderSettings.lineSpacing / 100 - - const fontScale = this.ereaderSettings.fontScale / 100 - return { '*': { color: `${fontColor}!important`, 'background-color': `${backgroundColor}!important`, - 'line-height': lineSpacing * fontScale + 'rem!important' + 'line-height': this.ereaderSettings.lineSpacing + '%!important' }, a: { color: `${fontColor}!important` diff --git a/components/readers/Reader.vue b/components/readers/Reader.vue index bec54e11..cd14db7c 100644 --- a/components/readers/Reader.vue +++ b/components/readers/Reader.vue @@ -289,7 +289,8 @@ export default { const touchDistanceX = Math.abs(this.touchendX - this.touchstartX) const touchDistanceY = Math.abs(this.touchendY - this.touchstartY) const touchDistance = Math.sqrt(Math.pow(this.touchstartX - this.touchendX, 2) + Math.pow(this.touchstartY - this.touchendY, 2)) - if (touchDistance < 60) { + console.log('[Reader] Touch distance=', touchDistance) + if (touchDistance < 30) { if (this.showSettingsModal) { this.showSettingsModal = false } else { @@ -303,9 +304,11 @@ export default { } this.hideToolbar() if (this.touchendX < this.touchstartX) { + console.log('[Reader] Gesture next page') this.next() } if (this.touchendX > this.touchstartX) { + console.log('[Reader] Gesture prev page') this.prev() } }, @@ -322,6 +325,7 @@ export default { else this.showToolbar() }, touchstart(e) { + console.log('[Reader] Touch start') // Ignore rapid touch if (this.touchstartTime && Date.now() - this.touchstartTime < 250) { return @@ -333,6 +337,7 @@ export default { this.touchIdentifier = e.touches[0].identifier }, touchend(e) { + console.log('[Reader] Touch end') if (this.touchIdentifier !== e.changedTouches[0].identifier) { return }