From 4fee2a9c4b5f426780149619a28aae09e41dbf00 Mon Sep 17 00:00:00 2001
From: L-Sun <zover.v@gmail.com>
Date: Thu, 20 Feb 2025 15:39:48 +0800
Subject: [PATCH] chore(editor): update some widget styles (#10311)

---
 .../root-block/edgeless/components/note-slicer/index.ts    | 3 +--
 .../blocks/src/root-block/widgets/slash-menu/styles.ts     | 7 ++++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/blocksuite/blocks/src/root-block/edgeless/components/note-slicer/index.ts b/blocksuite/blocks/src/root-block/edgeless/components/note-slicer/index.ts
index fb8781328..aa9cb9977 100644
--- a/blocksuite/blocks/src/root-block/edgeless/components/note-slicer/index.ts
+++ b/blocksuite/blocks/src/root-block/edgeless/components/note-slicer/index.ts
@@ -373,7 +373,7 @@ export class NoteSlicer extends WidgetComponent<
     if (!noteBlock || !this._divingLinePositions.length) return nothing;
 
     const rect = getRectByBlockComponent(noteBlock);
-    const width = rect.width - 2 * EDGELESS_BLOCK_CHILD_PADDING;
+    const width = rect.width - 2 * EDGELESS_BLOCK_CHILD_PADDING * this._zoom;
     const buttonPosition = this._divingLinePositions[this._activeSlicerIndex];
 
     return html`<div class="note-slicer-container">
@@ -383,7 +383,6 @@ export class NoteSlicer extends WidgetComponent<
           left: `${buttonPosition.x - 66 * this._zoom}px`,
           top: `${buttonPosition.y}px`,
           opacity: 1,
-          scale: `${this._zoom}`,
           transform: 'translateY(-50%)',
         })}
       >
diff --git a/blocksuite/blocks/src/root-block/widgets/slash-menu/styles.ts b/blocksuite/blocks/src/root-block/widgets/slash-menu/styles.ts
index eed810bd8..c0a960f2b 100644
--- a/blocksuite/blocks/src/root-block/widgets/slash-menu/styles.ts
+++ b/blocksuite/blocks/src/root-block/widgets/slash-menu/styles.ts
@@ -1,4 +1,5 @@
 import { scrollbarStyle } from '@blocksuite/affine-shared/styles';
+import { unsafeCSSVar, unsafeCSSVarV2 } from '@blocksuite/affine-shared/theme';
 import { baseTheme } from '@toeverything/theme';
 import { css, unsafeCSS } from 'lit';
 
@@ -23,8 +24,8 @@ export const styles = css`
     overflow-y: auto;
     font-family: ${unsafeCSS(baseTheme.fontSansFamily)};
 
-    background: var(--affine-background-overlay-panel-color);
-    box-shadow: var(--affine-shadow-2);
+    background: ${unsafeCSSVarV2('layer/background/overlayPanel')};
+    box-shadow: ${unsafeCSSVar('overlayPanelShadow')};
     border-radius: 8px;
     z-index: var(--affine-z-index-popover);
     user-select: none;
@@ -61,7 +62,7 @@ export const styles = css`
     border: 1px solid var(--affine-border-color, #e3e2e4);
     border-radius: 4px;
     color: var(--affine-icon-color);
-    background: var(--affine-background-overlay-panel-color);
+    background: ${unsafeCSSVarV2('layer/background/overlayPanel')};
 
     display: flex;
     justify-content: center;