From a7e8664959ebb2293966608f17e37130c8469eb9 Mon Sep 17 00:00:00 2001
From: JimmFly <447268514@qq.com>
Date: Thu, 18 Jan 2024 12:44:27 +0000
Subject: [PATCH] fix(core): reserve space for the editor scrollbar (#5625)

Because the space for the scroll bar on the right is reserved, in order to make the editor symmetrical, padding corresponding to the width of the scroll bar is added to the left.
---
 packages/frontend/core/src/components/page-detail-editor.css.ts | 2 ++
 1 file changed, 2 insertions(+)

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 aebb2b74f..4280c62b2 100644
--- a/packages/frontend/core/src/components/page-detail-editor.css.ts
+++ b/packages/frontend/core/src/components/page-detail-editor.css.ts
@@ -18,6 +18,8 @@ export const editor = style({
 
 globalStyle(`${editor} .affine-doc-viewport`, {
   paddingBottom: '150px',
+  paddingLeft: '20px',
+  scrollbarGutter: 'stable',
 });
 
 globalStyle('.is-public-page page-meta-tags', {