fix: page title too long style (#5302)

![CleanShot 2023-12-14 at 14.14.30@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/72beba1a-28a2-4192-a676-eea476140940.png)
2024-12-01 22:15:28 +03:00 · 2023-12-14 06:31:59 +00:00 · 2023-12-14 06:31:59 +00:00 · 0dc9358972
commit 0dc9358972
parent 8aac1e09e2
2 changed files with 2 additions and 1 deletions
--- a/packages/frontend/core/src/components/blocksuite/block-suite-header-title/styles.css.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-header-title/styles.css.ts
@ -6,7 +6,7 @@ export const headerTitleContainer = style({
  alignItems: 'center',
  flexGrow: 1,
  position: 'relative',
-  width: '100%',
+  overflow: 'hidden',
  columnGap: 12,
 });

--- a/packages/frontend/core/src/pages/workspace/detail-page/detail-page-header.css.ts
+++ b/packages/frontend/core/src/pages/workspace/detail-page/detail-page-header.css.ts
@ -47,6 +47,7 @@ export const mainHeaderRight = style({

 export const spacer = style({
  flexGrow: 1,
+  minWidth: 12,
 });

 export const standaloneExtensionSwitcherWrapper = style({