From 636f48107f83b5bdf3e4aa7bb0be66f105069777 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Tue, 4 Feb 2025 23:11:34 +0100
Subject: [PATCH] Prevent "ReaderChapterViewer" from overlapping each other

Seems like not all browsers handle

width/height: 100%
min-width/min-height: fit-content

correctly.
the "min" setting just never applies and the size is stuck at 100%.
---
 .../reader/components/viewer/ReaderChapterViewer.tsx        | 6 ++----
 .../reader/components/viewer/ReaderTransitionPage.tsx       | 4 ----
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/modules/reader/components/viewer/ReaderChapterViewer.tsx b/src/modules/reader/components/viewer/ReaderChapterViewer.tsx
index 011621a8..6e907268 100644
--- a/src/modules/reader/components/viewer/ReaderChapterViewer.tsx
+++ b/src/modules/reader/components/viewer/ReaderChapterViewer.tsx
@@ -344,10 +344,8 @@ const BaseReaderChapterViewer = ({
     return (
         <Stack
             sx={{
-                width: '100%',
-                minWidth: 'fit-content',
-                height: '100%',
-                minHeight: 'fit-content',
+                width: 'fit-content',
+                height: 'fit-content',
                 margin: 'auto',
                 flexWrap: 'nowrap',
                 ...applyStyles(shouldHideChapter, {
diff --git a/src/modules/reader/components/viewer/ReaderTransitionPage.tsx b/src/modules/reader/components/viewer/ReaderTransitionPage.tsx
index 4019c2c9..111811e4 100644
--- a/src/modules/reader/components/viewer/ReaderTransitionPage.tsx
+++ b/src/modules/reader/components/viewer/ReaderTransitionPage.tsx
@@ -141,14 +141,10 @@ const BaseReaderTransitionPage = ({
                     transform: 'scale(1)',
                     ...applyStyles(isContinuousVerticalReadingMode(readingMode), {
                         minHeight: `calc(100vh - ${scrollbarXSize}px)`,
-                        maxWidth: '100%',
-                        width: '100%',
                         ...applyStyles(!isFitWidthPageScaleMode, { alignItems: 'baseline' }),
                     }),
                     ...applyStyles(readingMode === ReadingMode.CONTINUOUS_HORIZONTAL, {
                         minWidth: `calc(100vw - ${scrollbarYSize}px - ${readerNavBarWidth}px)`,
-                        maxHeight: '100%',
-                        height: '100%',
                         justifyContent: 'unset',
                     }),
                 }),