test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-11-30 03:07:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tabs: fix right padding of last tab item in basic type top/bottom position

Browse Source
This commit is contained in:
刘盼峰 2017-12-08 09:22:30 +08:00 committed by 杨奕
parent ffc310d98d
commit 0c824d61c8
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/tabs/src/tab-bar.vue
View File

@ -34,7 +34,7 @@
} else {
tabSize = $el[`client${firstUpperCase(sizeName)}`];
if (sizeName === 'width') {
tabSize -= index === 0 ? 20 : 40;
tabSize -= (index === 0 || index === this.tabs.length - 1) ? 20 : 40;
}
return false;
}

6
packages/theme-chalk/src/tabs.scss
View File

@ -228,12 +228,18 @@
.el-tabs__item:nth-child(2) {
padding-left: 0;
}
.el-tabs__item:last-child {
padding-right: 0;
}
&.el-tabs--border-card, &.el-tabs--card,
.el-tabs--left, .el-tabs--right {
.el-tabs__item:nth-child(2) {
padding-left: 20px;
}
.el-tabs__item:last-child {
padding-right: 20px;
}
}
}
@include m(bottom) {