diff --git a/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx b/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx index c8a0f8cb..99a333f0 100644 --- a/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx +++ b/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx @@ -51,10 +51,6 @@ const BaseStandardReaderProgressBar = ({ const isHidden = progressBarType === ProgressBarType.HIDDEN; const isMinimized = !isMaximized && !isDragging; - if (isHidden) { - return null; - } - // the progress bar uses the reading direction to set the themes direction, thus, stuff has to be adjusted to still be correctly positioned // depending on which combination of theme direction and reading direction is currently active return ( @@ -62,24 +58,30 @@ const BaseStandardReaderProgressBar = ({ ( - - )} + createProgressBarSlot={(page, pageLoadStates, pagesIndex) => { + if (isHidden && isMinimized) { + return null; + } + + return ( + + ); + }} slotProps={{ container: { sx: {