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

Tabs标签页 附加内容 nzTabBarExtraContent height 和 TabBar中的nav-container height值不一致 #2160

Closed
xcorpio opened this issue Sep 19, 2018 · 4 comments

Comments

@xcorpio
Copy link

xcorpio commented Sep 19, 2018

Version

1.5.0

Environment

macos,chrome latest

Reproduction link

https://stackblitz.com/edit/ng-zorro-antd-start-fdcipw?file=src%2Fapp%2Fapp.component.ts

Steps to reproduce

  1. 查看链接, 会有以下表象
  2. 对比 tabbar.ant-tabs-nav-container.ant-tabs-extra-content 高度不一直

What is expected?

高度一直,或.ant-tabs-extra-content 应小于 .ant-tabs-nav-container

What is actually happening?

nzTabBarStyle 设置 margin:0px 后, 多占了下面 TAB 的位置( 由于.ant-tabs-nav-container多出来的像素高度)

Other?

@vthinkxie
Copy link
Member

按照 ant design 设计规范与 react 版本保持一致,以下是react版本的效果
https://codepen.io/vthinkxie/pen/MqZjKp?editors=0010

@xcorpio
Copy link
Author

xcorpio commented Sep 19, 2018

但是感觉有点儿奇怪🤔

ant-design

======= 如过颜色不一样,会这样。虽然设置 padding-bottom 也行,但是 tab 选中的那个下划线标志就不在最底部了

ant-design

xcorpio added a commit to ojlm/indigo-api that referenced this issue Sep 20, 2018
@vthinkxie
Copy link
Member

@xcorpio 如果觉得是规范设计错误,可以到 antd 仓库 https://github.com/ant-design/ant-design 发起issue
ng-zorro-antd 的样式文件会定期从 ant-design 同步

@lock
Copy link

lock bot commented Sep 20, 2019

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.

@lock lock bot locked as resolved and limited conversation to collaborators Sep 20, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants