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

Chalk: fix styles for vertical Slider and nested Tabs

pull/8023/head
Leopoldthecoder 2017-11-03 16:34:35 +08:00 committed by 杨奕
parent 5e37f18166
commit 513294d159
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/theme-chalk/src/slider.scss
View File

@ -140,12 +140,12 @@
@include when(vertical) { @include when(vertical) {
position: relative; position: relative;
.el-slider__runway { .el-slider__runway {
width: 4px; width: $--slider-height;
height: 100%; height: 100%;
margin: 0 16px; margin: 0 16px;
} }
.el-slider__bar { .el-slider__bar {
width: 4px; width: $--slider-height;
height: auto; height: auto;
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
} }

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

@ -229,11 +229,13 @@
padding-left: 0; padding-left: 0;
} }
&.el-tabs--border-card .el-tabs__item:nth-child(2), &.el-tabs--border-card, &.el-tabs--card,
&.el-tabs--card .el-tabs__item:nth-child(2) { .el-tabs--left, .el-tabs--right {
.el-tabs__item:nth-child(2) {
padding-left: 20px; padding-left: 20px;
} }
} }
}
@include m(bottom) { @include m(bottom) {
.el-tabs__header { .el-tabs__header {
margin-bottom: 0; margin-bottom: 0;