arco-design-vue icon indicating copy to clipboard operation
arco-design-vue copied to clipboard

style(dropdown): the label is not aligned

Open ikxin opened this issue 1 year ago • 4 comments

Types of changes

  • [ ] New feature
  • [ ] Bug fix
  • [ ] Enhancement
  • [x] Component style change
  • [ ] Typescript definition change
  • [ ] Documentation change
  • [ ] Coding style change
  • [ ] Refactoring
  • [ ] Test cases
  • [ ] Continuous integration
  • [ ] Breaking change
  • [ ] Others

Background and context

当 Dropdown 组件的 Dsubmenu 内容长度不一致时标签没有对齐 #3057

Solution

将 Dsubmenu 元素中的标签元素宽度设置为 100%

How is the change tested?

Changelog

Component Changelog(CN) Changelog(EN) Related issues
dropdown 修复标签未对齐 fix the label is not aligned #3057

Checklist:

  • [x] Test suite passes (npm run test)
  • [x] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.
  • [x] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

Other information

ikxin avatar Apr 03 '24 08:04 ikxin

Review or Edit in CodeSandbox

Open the branch in Web EditorVS CodeInsiders
Open Preview

codesandbox[bot] avatar Apr 03 '24 08:04 codesandbox[bot]

@ikxin 使用选择器 如果没有设置图标时 suffix 将变成第二个 span 元素导致与预期不符: image

希望有空改一下这个 PR,使用 flex 1,此外参考其他已合并 PR 完善补充一下 Changelog😀 image

oljc avatar Apr 04 '24 17:04 oljc

@LIjiAngChen8 感谢建议,已更新 pr

ikxin avatar Apr 06 '24 10:04 ikxin

该 pr 已经很久没有合并了,目前进展如何

ikxin avatar Jun 16 '24 05:06 ikxin