From b92f7b4ffe6d2a73c30b47519b5806b5f7ffb448 Mon Sep 17 00:00:00 2001
From: lixiaoming-bit <1404241558@qq.com>
Date: Mon, 15 Aug 2022 18:52:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E6=B2=A1=E6=9C=89?=
 =?UTF-8?q?=E6=9D=83=E9=99=90=E6=97=B6=E7=82=B9=E5=87=BB=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=87=BA=E7=8E=B0=E9=97=AE=E9=A2=98=EF=BC=8C?=
 =?UTF-8?q?=E5=85=A8=E5=B1=8F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/document/fullscreen/index.module.scss  | 11 ++++++++---
 .../src/components/document/reader/public/index.tsx   |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/components/document/fullscreen/index.module.scss b/packages/client/src/components/document/fullscreen/index.module.scss
index feb4571f..e26fe9c2 100644
--- a/packages/client/src/components/document/fullscreen/index.module.scss
+++ b/packages/client/src/components/document/fullscreen/index.module.scss
@@ -91,15 +91,20 @@
 
 .fullScreenToolbar {
   position: fixed;
-  bottom: 40px;
-  left: 50%;
+  bottom: 10px;
+  left: 10px;
   z-index: 2;
   padding: 12px;
   background-color: rgb(var(--semi-grey-9));
   border-radius: var(--semi-border-radius-medium);
-  transform: translateX(-50%);
+  opacity: 0.1;
   transition: opacity 0.3s ease-in-out;
 
+  &:hover {
+    opacity: 1;
+    transition: opacity 0.3s ease-in-out;
+  }
+
   .selected {
     background-color: rgb(var(--semi-grey-8)) !important;
   }
diff --git a/packages/client/src/components/document/reader/public/index.tsx b/packages/client/src/components/document/reader/public/index.tsx
index d4d62983..ace592d0 100644
--- a/packages/client/src/components/document/reader/public/index.tsx
+++ b/packages/client/src/components/document/reader/public/index.tsx
@@ -149,7 +149,7 @@ export const DocumentPublicReader: React.FC<IProps> = ({ documentId, hideLogo =
           }
           footer={
             <Space>
-              {!isMobile && <DocumentFullscreen data={data}/>}
+              {!isMobile && data && <DocumentFullscreen data={data}/>}
               <Tooltip content={currentWikiId ? '独立模式' : '嵌入模式'}>
                 <Button theme="borderless" type="tertiary" icon={<IconRoute />} onClick={toPublicWikiOrDocumentURL} />
               </Tooltip>