github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

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

pull/8596/merge
刘盼峰 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 { } else {
tabSize = $el[`client${firstUpperCase(sizeName)}`]; tabSize = $el[`client${firstUpperCase(sizeName)}`];
if (sizeName === 'width') { if (sizeName === 'width') {
tabSize -= index === 0 ? 20 : 40; tabSize -= (index === 0 || index === this.tabs.length - 1) ? 20 : 40;
} }
return false; return false;
} }

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

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