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

[Bug Report] If the type of inner el-tabs is'card'or'border-card' in nested el-tabs, there will be dislocation. #7903

Closed
DarcyAnn opened this issue Oct 31, 2017 · 2 comments

Comments

@DarcyAnn
Copy link

Element UI version

2.0.1

OS/Browsers version

macOS / Chrome last

Vue version

2.5.2

Reproduction Link

https://jsfiddle.net/DarcyAn/zzfgrge3/

Steps to reproduce

1.两层嵌套el-tabs;2.设置内层tab的type="card"

What is Expected?

内层tab的选项卡正常显示

What is actually happening?

内层tab第二个选项卡出现错位,少了20px的padding-left

@element-bot element-bot changed the title [Bug Report] If the type of inner el-tabs is 'card' or 'border-card' in nested el-tabs,there will be dislocation. [Bug Report] If the type of inner el-tabs is'card'or'border-card' in nested el-tabs, there will be dislocation. Oct 31, 2017
@element-bot
Copy link
Member

Translation of this issue:

Element UI version

2.0.1

OS/Browsers version

MacOS / Chrome last

Vue version

2.5.2

Reproduction Link

https://jsfiddle.net/DarcyAn/zzfgrge3/

Steps to reproduce

  1. two layer nested el-tabs; 2. set inner layer tab type= "card""

What is Expected?

The tab of the inner tab is displayed normally

What is actually happening?

The inner tab second tabs appear dislocation, less 20px padding-left

@Leopoldthecoder
Copy link
Contributor

Fixed in #7941

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

No branches or pull requests

3 participants