starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-30 23:40:40 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

[PR #4568] Epub reader vertical continuous scroll and customizable page width #4289

New Issue
Open
opened 2026-04-25 00:19:09 +02:00 by adam · 0 comments
adam commented 2026-04-25 00:19:09 +02:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/4568
Author: @DavevanIersel
Created: 8/8/2025
Status: 🔄 Open

Base: master ← Head: master

📝 Commits (1)

  • d2b5d28 Added vertical continuous scroll

📊 Changes

3 files changed (+91 additions, -30 deletions)

View changed files

📝 client/components/readers/EpubReader.vue (+59 -28)
📝 client/components/readers/Reader.vue (+28 -2)
📝 client/strings/en-us.json (+4 -0)

📄 Description

Brief summary

Added a setting for the epub viewer to continuously scroll vertically, and a setting which allows setting the viewing width of the page (works for paginated too)

Which issue is fixed?

  • Adds customizable page width #4513
  • Adds vertical page scrolling #4489

In-depth Description

I added two settings: page width and page flow. Page width will allow the user to set the maximum width of the reader. The navigation arrows will stay aligned to the edge of the screen but the document will become smaller, thus allowing a more focused reading experience. Page flow has two options: Paginated or Scrolled. Paginated is the same horizontally paginated experience as before. Scrolled becomes a vertical, infinite scroll.

In scrolled mode, half a screenheight is added to the final page to allow for some more room to scroll up. Without this you'd get to the end of the final page and the last word would be 'glued' to the bottom of your screen.

How have you tested this?

Tested on v2.27.0 on Chrome and Firefox. I made sure to test different mobile screensizes using devtools to make sure no issues occur with the width and height changes.

Screenshots

image

Page width:
By default stays the same:
image

But it can now be set to any width the user wants:
image

Scrolled view:
image

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/4568 **Author:** [@DavevanIersel](https://github.com/DavevanIersel) **Created:** 8/8/2025 **Status:** 🔄 Open **Base:** `master` ← **Head:** `master` --- ### 📝 Commits (1) - [`d2b5d28`](https://github.com/advplyr/audiobookshelf/commit/d2b5d28a17f3fc3ebfab1d2171e9bf67a87bd060) Added vertical continuous scroll ### 📊 Changes **3 files changed** (+91 additions, -30 deletions) <details> <summary>View changed files</summary> 📝 `client/components/readers/EpubReader.vue` (+59 -28) 📝 `client/components/readers/Reader.vue` (+28 -2) 📝 `client/strings/en-us.json` (+4 -0) </details> ### 📄 Description ## Brief summary Added a setting for the epub viewer to continuously scroll vertically, and a setting which allows setting the viewing width of the page (works for paginated too) ## Which issue is fixed? - Adds customizable page width #4513 - Adds vertical page scrolling #4489 ## In-depth Description I added two settings: page width and page flow. Page width will allow the user to set the maximum width of the reader. The navigation arrows will stay aligned to the edge of the screen but the document will become smaller, thus allowing a more focused reading experience. Page flow has two options: Paginated or Scrolled. Paginated is the same horizontally paginated experience as before. Scrolled becomes a vertical, infinite scroll. In scrolled mode, half a screenheight is added to the final page to allow for some more room to scroll up. Without this you'd get to the end of the final page and the last word would be 'glued' to the bottom of your screen. ## How have you tested this? Tested on v2.27.0 on Chrome and Firefox. I made sure to test different mobile screensizes using devtools to make sure no issues occur with the width and height changes. ## Screenshots <!-- If your PR includes any changes to the web client, please include screenshots or a short video from before and after your changes. --> <img width="517" height="444" alt="image" src="https://github.com/user-attachments/assets/3b4a9373-74f4-4356-9021-02e5ac95269b" /> Page width: By default stays the same: <img width="1900" height="895" alt="image" src="https://github.com/user-attachments/assets/f66b1654-4b4f-4553-bb2f-5e78d5291484" /> But it can now be set to any width the user wants: <img width="1916" height="916" alt="image" src="https://github.com/user-attachments/assets/20dcfac4-9539-42d8-b454-0f89df072305" /> Scrolled view: <img width="1909" height="902" alt="image" src="https://github.com/user-attachments/assets/37f5ae83-f093-4b0e-8fad-f17ea9f597bc" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:19:09 +02:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
authentication
backlog
bug
chapter editor
config-issue
ebooks
encoding/embedding
enhancement
help wanted
listening sessions & progress
planned
possible plugin
progress sync
pull-request
Mirrored from GitHub Pull Request
 sorting/filtering/searching
unable to reproduce
upload
users & permissions
waiting
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#4289
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?