fix(editor): link popover title overflow (#11704)

fix AF-2506

blocksuite/affine/widgets/linked-doc/src/linked-doc-popover.ts

@@ -283,7 +283,7 @@ export class LinkedDocPopover extends SignalWatcher(
           return html`
             <div class="divider" ?hidden=${idx === 0}></div>
             <div class="group-title">
-              ${group.name}
+              <div class="group-title-text">${group.name}</div>
               ${group.isLoading
                 ? html`<span class="loading-icon">${LoadingIcon}</span>`
                 : nothing}

blocksuite/affine/widgets/linked-doc/src/styles.ts

@@ -52,6 +52,13 @@ export const linkedDocPopoverStyles = css`
     flex-shrink: 0;
     font-weight: 500;
     justify-content: space-between;
+    max-width: 240px;
+  }
+
+  .linked-doc-popover .group-title .group-title-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .linked-doc-popover .group-title .loading-icon {