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

[Dialog]支持配置有 Footer 和无 Footer 时,Body 的 padding-bottom 不同 #3799

Closed
guoyunhe opened this issue Mar 16, 2022 · 2 comments · Fixed by #3809
Closed

[Dialog]支持配置有 Footer 和无 Footer 时,Body 的 padding-bottom 不同 #3799

guoyunhe opened this issue Mar 16, 2022 · 2 comments · Fixed by #3809
Assignees

Comments

@guoyunhe
Copy link
Contributor

guoyunhe commented Mar 16, 2022

Component

Dialog

Feature Description

在我们的业务设计规范中,设计师要求 Body 和 Footer 内容之间有 24px 空间,在没有 Footer 的情况下,Body 内容和 Dialog 底部之间也有 24px 空间。

目前主题定制只能固定 Body 和 Footer 的 padding。

如果把 24px 加在 Body 的 padding-bottom 上,在 Body 内容滚动的时候,Footer 没有上边距会很奇怪。

image

如果 Body 的 padding-bottom 和 Footer 的 padding-top 为 12px,在内容过长滚动的时候,是看不到 Body 的 padding-bottom 的,视觉上是 12px

image

如果把 24px 加在 Footer 的 padding-bottom 上,在没有 Footer 的时候,Body 下边距就没有了。

image

希望能增加一个新的主题配置参数,在无 Footer 时使用不同的 Body padding-bottom:

$dialog-content-padding-bottom: 0;
$dialog-content-padding-bottom-no-footer: 24px;
@bindoon
Copy link
Member

bindoon commented Mar 16, 2022

放个截图吧

@guoyunhe
Copy link
Contributor Author

@bindoon 补充了

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