复用胶囊标签收口画布尺寸提示
画布图片 hover 尺寸标签改为复用 PlatformPillBadge,统一覆盖层 badge 基础结构。 删除尺寸标签局部圆角、字号和排版样式,仅保留画布内定位与深色覆盖。 补充编辑器测试覆盖共享胶囊标签 class,并更新 TRACKING。
This commit is contained in:
@@ -479,7 +479,9 @@ describe('ImageCanvasEditorView', () => {
|
||||
const canvasImage = screen.getByAltText('画布图片:拼图素材');
|
||||
fireEvent.mouseEnter(canvasImage.closest('button')!);
|
||||
|
||||
expect(screen.getByText('420 x 420 px')).toBeTruthy();
|
||||
const sizeBadge = screen.getByText('420 x 420 px');
|
||||
expect(sizeBadge.className).toContain('rounded-full');
|
||||
expect(sizeBadge.className).toContain('image-canvas-editor__size-badge');
|
||||
|
||||
fireEvent.pointerDown(canvasImage.closest('button')!, {
|
||||
button: 0,
|
||||
|
||||
@@ -71,6 +71,7 @@ import {
|
||||
} from '../common/PlatformFloatingMenu';
|
||||
import { PlatformIconButton } from '../common/PlatformIconButton';
|
||||
import { PlatformInlineOptionButton } from '../common/PlatformInlineOptionButton';
|
||||
import { PlatformPillBadge } from '../common/PlatformPillBadge';
|
||||
import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
|
||||
import { PlatformTextField } from '../common/PlatformTextField';
|
||||
import { UnifiedModal } from '../common/UnifiedModal';
|
||||
@@ -2575,9 +2576,13 @@ export function ImageCanvasEditorView() {
|
||||
/>
|
||||
) : null}
|
||||
{isHovered ? (
|
||||
<span className="image-canvas-editor__size-badge">
|
||||
<PlatformPillBadge
|
||||
tone="lightOverlay"
|
||||
size="xs"
|
||||
className="image-canvas-editor__size-badge"
|
||||
>
|
||||
{Math.round(layer.width)} x {Math.round(layer.height)} px
|
||||
</span>
|
||||
</PlatformPillBadge>
|
||||
) : null}
|
||||
</button>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user