ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix reader progress bar current page slot positioning for single page chapters

Browse Source 
Was only noticeable in the mobile reader ui because the desktop one hides this component and uses its own logic.
It resulted in the previous/next button not being clickable because the current page component was overlaying it
This commit is contained in:
schroda
2026-04-13 17:59:14 +02:00
parent 684c9c3733
commit 9595076dae
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@@ -36,6 +36,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
- (**Reader**) Fix the reader transition page previous chapter scanlator name showing the chapter name instead of the scanlator name - (**Reader**) Fix the reader transition page previous chapter scanlator name showing the chapter name instead of the scanlator name
- (**Reader**) Fix opening the previous/next chapter in the continuous horizontal mode with inverted reading direction - (**Reader**) Fix opening the previous/next chapter in the continuous horizontal mode with inverted reading direction
- (**Reader**) Fix scroll preservation in continuous horizontal mode with righ to left reading direction - (**Reader**) Fix scroll preservation in continuous horizontal mode with righ to left reading direction
- (**Reader**) Fix mobile progress bar previous/next button not being clickable in single page chapters
- (**Manga**) Fix dynamic manga page color theme not getting reset after leaving the manga page - (**Manga**) Fix dynamic manga page color theme not getting reset after leaving the manga page
## [20251230.01] (r2937) - 2025-12-30 ## [20251230.01] (r2937) - 2025-12-30

8
src/features/reader/overlay/progress-bar/components/ReaderProgressBarCurrentPageSlot.tsx
View File

@@ -37,14 +37,14 @@ export const ReaderProgressBarCurrentPageSlot = ({
position: 'absolute', position: 'absolute',
cursor: isDragging ? 'grabbing' : 'grab', cursor: isDragging ? 'grabbing' : 'grab',
...applyStyles(getProgressBarPositionInfo(progressBarPosition).isHorizontal, { ...applyStyles(getProgressBarPositionInfo(progressBarPosition).isHorizontal, {
left: `${(Math.max(0, currentPagesIndex - 1) / (pagesLength - 1)) * 100}%`, left: `${(Math.max(0, currentPagesIndex - 1) / pagesLength) * 100}%`,
width: `calc(100% / ${pagesLength - 1})`, width: `calc(100% / ${pagesLength})`,
height: '100%', height: '100%',
}), }),
...applyStyles(getProgressBarPositionInfo(progressBarPosition).isVertical, { ...applyStyles(getProgressBarPositionInfo(progressBarPosition).isVertical, {
top: `${(Math.max(0, currentPagesIndex - 1) / (pagesLength - 1)) * 100}%`, top: `${(Math.max(0, currentPagesIndex - 1) / pagesLength) * 100}%`,
width: '100%', width: '100%',
height: `calc(100% / ${pagesLength - 1})`, height: `calc(100% / ${pagesLength})`,
}), }),
...boxProps?.sx, ...boxProps?.sx,
}} }}