From 9c02512d7cea3d4d1b3925265d6e4ac35bfdd58e Mon Sep 17 00:00:00 2001
From: fundon <fundon@pindash.io>
Date: Fri, 18 Apr 2025 07:10:01 +0000
Subject: [PATCH] fix(editor): chevron down icon on toolbar (#11803)

Uniform size: 16x16
---
 blocksuite/affine/blocks/root/src/configs/toolbar.ts          | 4 ++--
 .../src/blocksuite/extensions/editor-config/toolbar/index.ts  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/blocksuite/affine/blocks/root/src/configs/toolbar.ts b/blocksuite/affine/blocks/root/src/configs/toolbar.ts
index df5891453..acd548093 100644
--- a/blocksuite/affine/blocks/root/src/configs/toolbar.ts
+++ b/blocksuite/affine/blocks/root/src/configs/toolbar.ts
@@ -10,6 +10,7 @@ import {
 } from '@blocksuite/affine-block-embed';
 import { updateBlockType } from '@blocksuite/affine-block-note';
 import { toast } from '@blocksuite/affine-components/toast';
+import { EditorChevronDown } from '@blocksuite/affine-components/toolbar';
 import {
   deleteTextCommand,
   formatBlockCommand,
@@ -40,7 +41,6 @@ import { ActionPlacement } from '@blocksuite/affine-shared/services';
 import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
 import { tableViewMeta } from '@blocksuite/data-view/view-presets';
 import {
-  ArrowDownSmallIcon,
   CopyIcon,
   DatabaseTableViewIcon,
   DeleteIcon,
@@ -94,7 +94,7 @@ const conversionsActionGroup = {
               aria-label="Conversions"
               .tooltip="${'Turn into'}"
             >
-              ${conversion.icon} ${ArrowDownSmallIcon()}
+              ${conversion.icon} ${EditorChevronDown}
             </editor-icon-button>
           `}
         >
diff --git a/packages/frontend/core/src/blocksuite/extensions/editor-config/toolbar/index.ts b/packages/frontend/core/src/blocksuite/extensions/editor-config/toolbar/index.ts
index cd542f40c..6bcae02e8 100644
--- a/packages/frontend/core/src/blocksuite/extensions/editor-config/toolbar/index.ts
+++ b/packages/frontend/core/src/blocksuite/extensions/editor-config/toolbar/index.ts
@@ -29,6 +29,7 @@ import {
 import { isPeekable, peek } from '@blocksuite/affine/components/peek';
 import { toast } from '@blocksuite/affine/components/toast';
 import {
+  EditorChevronDown,
   type MenuContext,
   type MenuItemGroup,
 } from '@blocksuite/affine/components/toolbar';
@@ -72,7 +73,6 @@ import {
 } from '@blocksuite/affine/std/gfx';
 import type { ExtensionType } from '@blocksuite/affine/store';
 import {
-  ArrowDownSmallIcon,
   CopyAsImgaeIcon,
   CopyIcon,
   EditIcon,
@@ -615,7 +615,7 @@ function createSurfaceRefToolbarConfig(baseUrl?: string): ToolbarModuleConfig {
                 .iconSize=${'16px'}
                 .iconContainerPadding=${4}
               >
-                ${OpenInNewIcon()} ${ArrowDownSmallIcon()}
+                ${OpenInNewIcon()} ${EditorChevronDown}
               </editor-icon-button>`}
             >
               <div data-orientation="vertical" style=${styles}>