From a01f0d86a51bc2684225ee40315cfb78a6ffedc9 Mon Sep 17 00:00:00 2001
From: Ayush Agrawal <54364088+AyushAgrawal-A2@users.noreply.github.com>
Date: Thu, 22 Feb 2024 08:16:16 +0530
Subject: [PATCH] fix: css style should not apply on nested editor's viewport
 (#5859)

---
 .../core/src/components/page-detail-editor.css.ts   | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/core/src/components/page-detail-editor.css.ts b/packages/frontend/core/src/components/page-detail-editor.css.ts
index 119199ddf8..a2e5710528 100644
--- a/packages/frontend/core/src/components/page-detail-editor.css.ts
+++ b/packages/frontend/core/src/components/page-detail-editor.css.ts
@@ -14,11 +14,14 @@ export const editor = style({
     },
   },
 });
-globalStyle(`${editor} .affine-doc-viewport`, {
-  paddingBottom: '150px',
-  paddingLeft: '20px',
-  scrollbarGutter: 'stable',
-});
+globalStyle(
+  `${editor} .affine-doc-viewport:not(.affine-embed-synced-doc-editor)`,
+  {
+    paddingBottom: '150px',
+    paddingLeft: '20px',
+    scrollbarGutter: 'stable',
+  }
+);
 globalStyle('.is-public-page page-meta-tags', {
   display: 'none',
 });