fix: ai action panel scroll bar and width (#7033)

To fix [AFF-1060](https://linear.app/affine-design/issue/AFF-1060/action-panel-宽度)
toeverything · May 13, 2024 · aa6f0b7 · aa6f0b7 · github-actions · May 14, 2024
1 parent f0e1d33
commit aa6f0b7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/packages/blocks/src/_common/components/ai-item/styles.ts b/packages/blocks/src/_common/components/ai-item/styles.ts
@@ -59,16 +59,13 @@ export const menuItemStyles = css`
   .enter-icon,
   .arrow-right-icon {
     color: var(--affine-icon-color);
-    position: absolute;
-    right: 12px;
-    top: 50%;
-    transform: translateY(-40%);
+    display: flex;
   }
   .enter-icon {
-    display: none;
+    opacity: 0;
   }
   .arrow-right-icon,
   .menu-item:hover .enter-icon {
-    display: flex;
+    opacity: 1;
   }
 `;
diff --git a/packages/blocks/src/root-block/widgets/edgeless-copilot-panel/index.ts b/packages/blocks/src/root-block/widgets/edgeless-copilot-panel/index.ts
@@ -27,12 +27,11 @@ export class EdgelessCopilotPanel extends WithDisposable(LitElement) {
       box-shadow: var(--affine-shadow-2);
       border-radius: 8px;
       z-index: var(--affine-z-index-popover);
-      scrollbar-width: none;
     }
 
     .edgeless-copilot-panel::-webkit-scrollbar {
       width: 5px;
-      max-height: 100px;
+      max-height: 40px;
     }
     .edgeless-copilot-panel::-webkit-scrollbar-thumb {
       border-radius: 20px;
Name	Size	Gzip	Brotli
blocks	2.44 MB (-105 B)	574 kB (-31 B)	414 kB (-375 B)
editor	84 B	89 B	63 B
store	83 B	88 B	63 B
inline	84 B	88 B	63 B