From 8775f90bc1a77eb899fbf18b649d80a2fe031055 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sun, 16 Mar 2025 03:07:54 +0800
Subject: [PATCH] fix: refresh page when vertical writing mode is set (#615)

---
 apps/readest-app/src/app/reader/components/HintInfo.tsx     | 6 +-----
 apps/readest-app/src/app/reader/components/SectionInfo.tsx  | 6 +-----
 .../src/app/reader/components/settings/LayoutPanel.tsx      | 3 ++-
 3 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/HintInfo.tsx b/apps/readest-app/src/app/reader/components/HintInfo.tsx
index de903bec..42dead76 100644
--- a/apps/readest-app/src/app/reader/components/HintInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/HintInfo.tsx
@@ -64,11 +64,7 @@ const HintInfo: React.FC<SectionInfoProps> = ({
           : { right: `${horizontalGap}%` }
       }
     >
-      <h2
-        className={clsx(
-          'text-neutral-content line-clamp-1 text-center font-sans text-xs font-light',
-        )}
-      >
+      <h2 className={clsx('text-neutral-content text-center font-sans text-xs font-light')}>
         {hintMessage || ''}
       </h2>
     </div>
diff --git a/apps/readest-app/src/app/reader/components/SectionInfo.tsx b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
index 1cbc7074..d8680f7b 100644
--- a/apps/readest-app/src/app/reader/components/SectionInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
@@ -37,11 +37,7 @@ const SectionInfo: React.FC<SectionInfoProps> = ({
           : { left: `${horizontalGap}%` }
       }
     >
-      <h2
-        className={clsx(
-          'text-neutral-content line-clamp-1 text-center font-sans text-xs font-light',
-        )}
-      >
+      <h2 className={clsx('text-neutral-content text-center font-sans text-xs font-light')}>
         {section || ''}
       </h2>
     </div>
diff --git a/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx b/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx
index 9fa0fa50..764c8a6b 100644
--- a/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx
+++ b/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx
@@ -191,7 +191,8 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     }
     if (
       prevWritingMode !== writingMode &&
-      (writingMode === 'horizontal-rl' || prevWritingMode === 'horizontal-rl')
+      (['horizontal-rl', 'vertical-rl'].includes(writingMode) ||
+        ['horizontal-rl', 'vertical-rl'].includes(prevWritingMode))
     ) {
       setTimeout(() => window.location.reload(), 100);
     }