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

Maximize reader progress bar only when pages are loaded

Browse Source 
It takes away space for the reader overlay to get opened while an error is shown.
This commit is contained in:
schroda
2024-12-24 17:24:22 +01:00
parent 326e8b9881
commit 4d162262b6
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx
View File

@@ -42,12 +42,13 @@ const BaseStandardReaderProgressBar = ({
}) => { }) => {
const theme = useTheme(); const theme = useTheme();
const pagesState = userReaderStatePagesContext(); const pagesState = userReaderStatePagesContext();
const { currentPageIndex, pages } = pagesState; const { currentPageIndex, pages, totalPages } = pagesState;
const currentPagesIndex = getPage(currentPageIndex, pages).pagesIndex; const currentPagesIndex = getPage(currentPageIndex, pages).pagesIndex;
const { isBottom, isLeft, isRight, isVertical, isHorizontal } = getProgressBarPositionInfo(progressBarPosition); const { isBottom, isLeft, isRight, isVertical, isHorizontal } = getProgressBarPositionInfo(progressBarPosition);
const arePagesLoaded = !!totalPages;
const isHidden = progressBarType === ProgressBarType.HIDDEN; const isHidden = progressBarType === ProgressBarType.HIDDEN;
const isMinimized = !isMaximized && !isDragging; const isMinimized = !isMaximized && !isDragging;
@@ -128,6 +129,9 @@ const BaseStandardReaderProgressBar = ({
...applyStyles(isMinimized, { ...applyStyles(isMinimized, {
opacity: !isHidden ? 0.85 : 0, opacity: !isHidden ? 0.85 : 0,
}), }),
...applyStyles(!arePagesLoaded, {
pointerEvents: 'none',
}),
}, },
onMouseEnter: () => setIsMaximized(true), onMouseEnter: () => setIsMaximized(true),
onMouseLeave: () => setIsMaximized(false), onMouseLeave: () => setIsMaximized(false),