From 1c22fdd3718ff453f66fae6d194ee8fa19fb4562 Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Fri, 1 Nov 2024 06:47:58 +0000
Subject: [PATCH] fix(core): unable to hide doc info (#8658)

close AF-1577 AF-1576
---
 .../components/blocksuite/block-suite-editor/lit-adaper.tsx | 6 +++++-
 .../core/src/components/doc-properties/table.css.ts         | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx b/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
index 13458e33e..678cbe313 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
@@ -247,6 +247,10 @@ export const BlocksuiteDocEditor = forwardRef<
     )
   );
 
+  const displayDocInfo = useLiveData(
+    editorSettingService.editorSetting.settings$.selector(s => s.displayDocInfo)
+  );
+
   return (
     <>
       <div className={styles.affineDocViewport} style={{ height: '100%' }}>
@@ -255,7 +259,7 @@ export const BlocksuiteDocEditor = forwardRef<
         ) : (
           <BlocksuiteEditorJournalDocTitle page={page} />
         )}
-        {!shared ? (
+        {!shared && displayDocInfo ? (
           <DocPropertiesTable defaultOpenProperty={defaultOpenProperty} />
         ) : null}
         <adapted.DocEditor
diff --git a/packages/frontend/core/src/components/doc-properties/table.css.ts b/packages/frontend/core/src/components/doc-properties/table.css.ts
index 5bb035845..c5634db2a 100644
--- a/packages/frontend/core/src/components/doc-properties/table.css.ts
+++ b/packages/frontend/core/src/components/doc-properties/table.css.ts
@@ -10,6 +10,7 @@ export const root = style({
   width: '100%',
   justifyContent: 'center',
   fontFamily: cssVar('fontSansFamily'),
+  paddingBottom: '18px',
   vars: {
     [propertyNameCellWidth]: '160px',
     [fontSize]: cssVar('fontSm'),
@@ -41,6 +42,7 @@ export const tableHeader = style({
   display: 'flex',
   height: 30,
   padding: 4,
+  marginBottom: '8px',
   justifyContent: 'space-between',
   alignItems: 'center',
   color: cssVarV2('text/secondary'),