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

Add "auto" progress bar position

Browse Source 
Automatically choose the progress bar position based on the available space.
Previously it was only possible to automatically switch from a horizontal to a vertical position but not the other way around
This commit is contained in:
schroda
2025-01-11 02:02:48 +01:00
parent f032f971ac
commit 7901961821
7 changed files with 64 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/modules/reader/utils/ReaderSettings.utils.tsx
View File

@@ -66,19 +66,19 @@ export const getPagerForReadingMode = (
export const getProgressBarPosition = (
progressBarPosition: ProgressBarPosition,
progressBarPositionAutoVertical: ProgressBarPositionAutoVertical,
progressBarPositionAutoVertical: keyof typeof ProgressBarPositionAutoVertical,
topOffset: number = 0,
bottomOffset: number = 0,
): ProgressBarPosition => {
const isAutoVerticalEnabled =
progressBarPositionAutoVertical !== ProgressBarPositionAutoVertical.OFF &&
progressBarPosition === ProgressBarPosition.BOTTOM;
const isVerticalSpaceLarger = window.innerHeight - topOffset - bottomOffset > window.innerWidth;
const shouldUseVerticalPosition = isAutoVerticalEnabled && isVerticalSpaceLarger;
if (shouldUseVerticalPosition) {
return progressBarPositionAutoVertical as unknown as ProgressBarPosition;
): Exclude<ProgressBarPosition, ProgressBarPosition.AUTO> => {
if (progressBarPosition !== ProgressBarPosition.AUTO) {
return progressBarPosition;
}
return progressBarPosition;
const isVerticalSpaceLarger = window.innerHeight - topOffset - bottomOffset > window.innerWidth;
if (isVerticalSpaceLarger) {
return progressBarPositionAutoVertical;
}
return ProgressBarPosition.BOTTOM;
};