From 7c21f48d68f1cfd5f6905f9e1347835f1ae45e47 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Thu, 29 May 2025 16:31:02 +0800
Subject: [PATCH] layout: hide the header bar only on mobile platforms when
 translation is enabled (#1274)

---
 .../src/app/reader/components/TranslationToggler.tsx        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/TranslationToggler.tsx b/apps/readest-app/src/app/reader/components/TranslationToggler.tsx
index bf01f295..12eb927d 100644
--- a/apps/readest-app/src/app/reader/components/TranslationToggler.tsx
+++ b/apps/readest-app/src/app/reader/components/TranslationToggler.tsx
@@ -11,7 +11,7 @@ import Button from '@/components/Button';
 
 const TranslationToggler = ({ bookKey }: { bookKey: string }) => {
   const _ = useTranslation();
-  const { envConfig } = useEnv();
+  const { envConfig, appService } = useEnv();
   const { getBookData } = useBookDataStore();
   const { getViewSettings, setViewSettings, setHoveredBookKey } = useReaderStore();
 
@@ -21,7 +21,9 @@ const TranslationToggler = ({ bookKey }: { bookKey: string }) => {
 
   useEffect(() => {
     if (translationEnabled === viewSettings.translationEnabled) return;
-    setHoveredBookKey('');
+    if (appService?.isMobile) {
+      setHoveredBookKey('');
+    }
     saveViewSettings(envConfig, bookKey, 'translationEnabled', translationEnabled, true, false);
     viewSettings.translationEnabled = translationEnabled;
     setViewSettings(bookKey, { ...viewSettings });