From c0694c589b7010cad16731a09f072132597916a7 Mon Sep 17 00:00:00 2001
From: DarkSky <25152247+darkskygit@users.noreply.github.com>
Date: Sat, 14 Feb 2026 19:12:24 +0800
Subject: [PATCH] fix: editor style (#14440)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### PR Dependency Tree


* **PR #14440** 👈

This tree was auto-generated by
[Charcoal](https://github.com/danerwilliams/charcoal)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Style**
* Refined CSS styling rules in workspace detail pages for improved
layout rendering consistency.
* Enhanced editor container display handling during loading states to
ensure proper layout adjustments.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../pages/workspace/detail-page/detail-page.css.ts   | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page.css.ts b/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page.css.ts
index 722c464d5..758085307 100644
--- a/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page.css.ts
+++ b/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page.css.ts
@@ -48,10 +48,14 @@ export const affineDocViewport = style({
 });
 
 export const pageModeViewportContentBox = style({});
-globalStyle(`${pageModeViewportContentBox} >:first-child`, {
-  display: 'table !important',
-  minWidth: '100%',
-});
+globalStyle(
+  `${pageModeViewportContentBox} >:first-child:has(>[data-affine-editor-container])`,
+  { display: 'table !important', minWidth: '100%' }
+);
+globalStyle(
+  `${pageModeViewportContentBox} >:first-child:has(>[data-editor-loading="true"]) > [data-editor-loading="true"]`,
+  { flex: 1, minHeight: '100%' }
+);
 
 export const scrollbar = style({
   marginRight: '4px',