mirror of https://github.com/ElemeFE/element
Scrollbar: fix style (#2948)
parent
c4367604ab
commit
8ea9e71575
|
@ -45,12 +45,15 @@ export default {
|
||||||
|
|
||||||
if (gutter) {
|
if (gutter) {
|
||||||
const gutterWith = `-${gutter}px`;
|
const gutterWith = `-${gutter}px`;
|
||||||
|
const gutterStyle = `margin-bottom: ${gutterWith}; margin-right: ${gutterWith};`;
|
||||||
|
|
||||||
if (Array.isArray(this.wrapStyle)) {
|
if (Array.isArray(this.wrapStyle)) {
|
||||||
style = util.toObject(this.wrapStyle);
|
style = util.toObject(this.wrapStyle);
|
||||||
style.marginRight = style.marginBottom = gutterWith;
|
style.marginRight = style.marginBottom = gutterWith;
|
||||||
} else if (typeof this.wrapStyle === 'string') {
|
} else if (typeof this.wrapStyle === 'string') {
|
||||||
style += `margin-bottom: ${gutterWith}; margin-right: ${gutterWith};`;
|
style += gutterStyle;
|
||||||
|
} else {
|
||||||
|
style = gutterStyle;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const view = h(this.tag, {
|
const view = h(this.tag, {
|
||||||
|
@ -63,7 +66,7 @@ export default {
|
||||||
ref="wrap"
|
ref="wrap"
|
||||||
style={ style }
|
style={ style }
|
||||||
onScroll={ this.handleScroll }
|
onScroll={ this.handleScroll }
|
||||||
class={ [this.wrapClass, 'el-scrollbar__wrap el-scrollbar__wrap--hidden-default'] }>
|
class={ [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] }>
|
||||||
{ [view] }
|
{ [view] }
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -5,6 +5,10 @@
|
||||||
&.has-seconds {
|
&.has-seconds {
|
||||||
.el-time-spinner__wrapper {
|
.el-time-spinner__wrapper {
|
||||||
width: 33%;
|
width: 33%;
|
||||||
|
|
||||||
|
.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-time-spinner__wrapper:nth-child(2) {
|
.el-time-spinner__wrapper:nth-child(2) {
|
||||||
|
|
Loading…
Reference in New Issue