From 38bcf4aecc3e14f216b2ca699a9201a1a25b92fd Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Tue, 17 Dec 2024 00:59:18 +0100
Subject: [PATCH] Resize images properly to set reader width

Images didn't shrink in size while the reader width was set and the original size was used
---
 src/modules/reader/utils/ReaderPager.utils.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/modules/reader/utils/ReaderPager.utils.tsx b/src/modules/reader/utils/ReaderPager.utils.tsx
index 5d729e52..5311310b 100644
--- a/src/modules/reader/utils/ReaderPager.utils.tsx
+++ b/src/modules/reader/utils/ReaderPager.utils.tsx
@@ -151,6 +151,10 @@ export const getImageWidthStyling = (
     switch (pageScaleMode) {
         case ReaderPageScaleMode.WIDTH:
             return {
+                minWidth: 0,
+                ...applyStyles(isContinuousReadingMode(readingMode), {
+                    minWidth: 'unset',
+                }),
                 ...applyStyles(shouldStretchPage, {
                     minWidth: width,
                     ...readerWidthStretchForWrapper,
@@ -160,6 +164,10 @@ export const getImageWidthStyling = (
             };
         case ReaderPageScaleMode.HEIGHT:
             return {
+                minHeight: 0,
+                ...applyStyles(isContinuousReadingMode(readingMode), {
+                    minHeight: 'unset',
+                }),
                 ...applyStyles(shouldStretchPage, {
                     minHeight: '100%',
                 }),
@@ -167,6 +175,12 @@ export const getImageWidthStyling = (
             };
         case ReaderPageScaleMode.SCREEN:
             return {
+                minWidth: 0,
+                minHeight: 0,
+                ...applyStyles(isContinuousReadingMode(readingMode), {
+                    minWidth: 'unset',
+                    minHeight: 'unset',
+                }),
                 ...applyStyles(shouldStretchPage, {
                     minWidth: width,
                     minHeight: '100%',