refactor(editor): edgeless toolbar chevron down icon (#10898)

This commit is contained in:
fundon
2025-03-20 02:08:20 +00:00
parent a7acd5c5b1
commit 831f290f84
14 changed files with 42 additions and 33 deletions

View File

@@ -1,6 +1,7 @@
import { EditorChevronDown } from '@blocksuite/affine-components/toolbar';
import { LineWidth, type StrokeStyle } from '@blocksuite/affine-model';
import { ShadowlessElement } from '@blocksuite/block-std';
import { ArrowDownSmallIcon, LineStyleIcon } from '@blocksuite/icons/lit';
import { LineStyleIcon } from '@blocksuite/icons/lit';
import { html } from 'lit';
import { property } from 'lit/decorators.js';
@@ -15,7 +16,7 @@ export class EdgelessNoteBorderDropdownMenu extends ShadowlessElement {
aria-label="Border style"
.tooltip="${'Border style'}"
>
${LineStyleIcon()} ${ArrowDownSmallIcon()}
${LineStyleIcon()} ${EditorChevronDown}
</editor-icon-button>
`}
>

View File

@@ -1,6 +1,6 @@
import { EditorChevronDown } from '@blocksuite/affine-components/toolbar';
import { NoteDisplayMode } from '@blocksuite/affine-model';
import { ShadowlessElement } from '@blocksuite/block-std';
import { ArrowDownSmallIcon } from '@blocksuite/icons/lit';
import { html } from 'lit';
import { property } from 'lit/decorators.js';
@@ -34,7 +34,7 @@ export class EdgelessNoteDisplayModeDropdownMenu extends ShadowlessElement {
.labelHeight="${'20px'}"
>
<span class="label">${mode}</span>
${ArrowDownSmallIcon()}
${EditorChevronDown}
</editor-icon-button>
`}
>

View File

@@ -1,8 +1,6 @@
import { EditorChevronDown } from '@blocksuite/affine-components/toolbar';
import { ColorScheme, NoteShadow } from '@blocksuite/affine-model';
import {
ArrowDownSmallIcon,
NoteShadowDuotoneIcon,
} from '@blocksuite/icons/lit';
import { NoteShadowDuotoneIcon } from '@blocksuite/icons/lit';
import { css, html, LitElement } from 'lit';
import { property } from 'lit/decorators.js';
import { repeat } from 'lit/directives/repeat.js';
@@ -119,7 +117,7 @@ export class EdgelessNoteShadowDropdownMenu extends LitElement {
aria-label="Shadow style"
.tooltip="${'Shadow style'}"
>
${NoteShadowDuotoneIcon()} ${ArrowDownSmallIcon()}
${NoteShadowDuotoneIcon()} ${EditorChevronDown}
</editor-icon-button>
`}
>