Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Menu] 可分组的侧边导航收起样式调整 #3533

Closed
RayJason opened this issue Oct 27, 2023 · 3 comments
Closed

[Menu] 可分组的侧边导航收起样式调整 #3533

RayJason opened this issue Oct 27, 2023 · 3 comments
Assignees
Labels
to be published to be published

Comments

@RayJason
Copy link
Contributor

这个功能解决了什么问题

当前收起后组名会变成一条 灰色分割线,第一条分割线显得有点多余。并且 logo 的左边距过大,导致偏右。

image

你建议的方案是什么

调整收起后 logo 的 margin;不显示第一个分割线,之前在组名 title 上使用 after 伪类实现,后面考虑使用 t-divider 实现分割线。

image

@github-actions
Copy link
Contributor

👋 @RayJason,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@github-actions
Copy link
Contributor

♥️ 有劳 @LeeJim @amadeus711 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @RayJason

@RayJason
Copy link
Contributor Author

RayJason commented Oct 27, 2023

  1. item 前面有个 title ,导致这个 first-child 不生效
  2. t-menu-group 内有 t-menu-group__titlet-submenut-menu__item,这里的 margin 实现方式不是很优雅,期望改成
t-menu > *:not(:first-child):not(.t-menu-group),
t-menu-group >  *:not(:first-child) {
 margin-top: var(--td-comp-margin-xs);
}

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
to be published to be published
Projects
None yet
Development

No branches or pull requests

3 participants