Conversation
- add label min-width to align label endings across columns - add label gap and color tokens for better visual hierarchy - adjust borderless padding for improved vertical rhythm close Tencent#2431
|
本 PR 仅修改 tdesign-common 的 Less 样式(style/web/components/descriptions/),未涉及任何 .ts/.tsx 文件。 失败的 CI |
ci应该是react仓库那边的问题 |
|
收到
…----------Reply to Message----------
On Wed, Jul 1, 2026 13:32 PM ***@***.***> wrote:
Wesley-0808 left a comment (Tencent/tdesign-common#2577)
本 PR 仅修改 tdesign-common 的 Less 样式(style/web/components/descriptions/),未涉及任何 .ts/.tsx 文件。
失败的 CI component-ci / tdesign-react (lint) 报错均来自 tdesign-react 仓库的 FormList.tsx / getScrollParent.ts / toolcall/types.ts,属于 tdesign-react 存量 prettier 债,与本 PR 无关,麻烦维护者判断是否可忽略此项,谢谢!
ci应该是react仓库那边的问题
—
Reply to this email directly, view it on GitHub, or unsubscribe.
Triage notifications, keep track of coding agent tasks and review pull requests on the go with GitHub Mobile for iOS and Android. Download it today!
You are receiving this because you authored the thread.Message ID: ***@***.***>
|
react那边在修复了,忽略它 |
close #2431
🤔 这个 PR 的性质是?
🔗 相关 Issue
close Tencent/tdesign-vue-next#2431
💡 需求背景和解决方案
问题:Descriptions 组件在无边框模式下存在三处美感缺陷,导致视觉与 antd / element-plus 差距明显:
@text-color-placeholder过淡,识别度弱,不像"字段名"。size=m/s上下 padding 过小,行与行贴太近,缺少呼吸感。方案:仅修改
style/web/components/descriptions下的样式与变量,向前兼容,不改 API:_var.less新增三个 token:@descriptions-item-label-min-width: 96px(label 最小宽度)@descriptions-item-label-gap: @comp-paddingLR-l(label 与 content 间距)@descriptions-item-label-color: @text-color-secondary(label 颜色上调一档)_var.less调整无边框 padding:m上调到@comp-paddingTB-l 0,s上调到@comp-paddingTB-m 0。_index.less让 label 应用min-width/vertical-align: top/white-space: nowrap;无边框分支用新 gap token。兼容性:有边框模式(
bordered)不受影响;fixed与column用法不受影响;仅视觉密度与 label 视觉权重发生变化。📝 更新日志
style(descriptions): 优化无边框模式下多列 label 结束边对齐、label 颜色识别度与行间距,提升视觉美感
本条 PR 不需要纳入 Changelog
☑️ 请求合并前的自查清单