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

Revert "Render reader desktop nav bar content only when visible"

Browse Source 
This reverts commit f141a5ae66.
This commit is contained in:
schroda
2024-12-22 21:53:03 +01:00
parent 9ea30ee850
commit 0ea2f93651
1 changed files with 46 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktop.tsx
View File

@@ -106,56 +106,52 @@ const BaseReaderNavBarDesktop = ({
}} }}
> >
<ReaderNavContainer sx={{ backgroundColor: 'background.paper', pointerEvents: 'all' }}> <ReaderNavContainer sx={{ backgroundColor: 'background.paper', pointerEvents: 'all' }}>
{isVisible && ( <Stack sx={{ p: 2, gap: 2, backgroundColor: 'action.hover' }}>
<> <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<Stack sx={{ p: 2, gap: 2, backgroundColor: 'action.hover' }}> <Tooltip title={t('reader.button.exit')}>
<Stack sx={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}> <IconButton onClick={exit} color="inherit">
<Tooltip title={t('reader.button.exit')}> {getOptionForDirection(<ArrowBack />, <ArrowForwardIcon />)}
<IconButton onClick={exit} color="inherit"> </IconButton>
{getOptionForDirection(<ArrowBack />, <ArrowForwardIcon />)} </Tooltip>
</IconButton> <Tooltip title={t('reader.settings.label.static_navigation')}>
</Tooltip> <IconButton
<Tooltip title={t('reader.settings.label.static_navigation')}> onClick={() => {
<IconButton setReaderNavBarWidth(0);
onClick={() => { updateReaderSettings('isStaticNav', !isStaticNav);
setReaderNavBarWidth(0); }}
updateReaderSettings('isStaticNav', !isStaticNav); color={isStaticNav ? 'primary' : 'inherit'}
}} >
color={isStaticNav ? 'primary' : 'inherit'} <PushPinIcon />
> </IconButton>
<PushPinIcon /> </Tooltip>
</IconButton> </Stack>
</Tooltip> {manga && currentChapter ? (
</Stack> <>
{manga && currentChapter ? ( <ReaderNavBarDesktopMetadata
<> mangaId={manga.id}
<ReaderNavBarDesktopMetadata mangaTitle={manga.title}
mangaId={manga.id} chapterTitle={currentChapter.name}
mangaTitle={manga.title} scanlator={currentChapter.scanlator}
chapterTitle={currentChapter.name} />
scanlator={currentChapter.scanlator} <ReaderNavBarDesktopActions />
/> </>
<ReaderNavBarDesktopActions /> ) : (
</> <LoadingPlaceholder />
) : ( )}
<LoadingPlaceholder /> </Stack>
)} <Stack sx={{ p: 2, gap: 2 }}>
</Stack> <Stack sx={{ gap: 1 }}>
<Stack sx={{ p: 2, gap: 2 }}> <ReaderNavBarDesktopPageNavigation />
<Stack sx={{ gap: 1 }}> <ReaderNavBarDesktopChapterNavigation
<ReaderNavBarDesktopPageNavigation /> chapters={chapters}
<ReaderNavBarDesktopChapterNavigation currentChapter={currentChapter}
chapters={chapters} nextChapter={nextChapter}
currentChapter={currentChapter} previousChapter={previousChapter}
nextChapter={nextChapter} />
previousChapter={previousChapter} </Stack>
/> <Divider />
</Stack> <ReaderNavBarDesktopQuickSettings openSettings={openSettings} />
<Divider /> </Stack>
<ReaderNavBarDesktopQuickSettings openSettings={openSettings} />
</Stack>
</>
)}
</ReaderNavContainer> </ReaderNavContainer>
</Drawer> </Drawer>
); );