Skip to content

fix(button): reset padding for small circle shape - #2776

Open
Hstealth wants to merge 1 commit into
Tencent:developfrom
Hstealth:fix/button-circle-size-s-padding-7036
Open

Hstealth wants to merge 1 commit into
Tencent:developfrom
Hstealth:fix/button-circle-size-s-padding-7036

Conversation

@Hstealth

@Hstealth Hstealth commented Nov 3, 2026

Copy link
Copy Markdown

中文

问题

圆形小号 Button(shape=circle + size=small)时,size-s 的 padding 覆盖了圆形按钮的 padding: 0,导致图标被挤压。
对应:Tencent/tdesign-vue-next#7036

修改

在 &--shape-circle 的 &.@{prefix}-size-s 分支补充 padding: 0;,与同结构 size-l(及 square size-s)对齐。

测试

common 仓无相关视觉 snapshot;已对照 size-l 最小改动(1 行)。

English

Problem

For circle + small Button, size-s padding overrides the circle padding: 0 and squeezes the icon.
Related: Tencent/tdesign-vue-next#7036

Fix

Add padding: 0 under &--shape-circle / &.@{prefix}-size-s, matching size-l.

Test

No dedicated visual snapshot in this repo; change mirrors existing size-l rule (1 line).

Align size-s circle button with size-l by setting padding: 0 so
size styles do not squeeze the icon.

Refs: Tencent/tdesign-vue-next#7036
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant