p85126437
/
amis
forked from p96170835/amis
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix style

This commit is contained in:
rickcole 2020-04-28 19:25:19 +08:00
parent cbca634973
commit bbfb1f8c00
2 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
scss/components/form/_nested-select.scss
View File

@ -109,7 +109,7 @@
} }
&-menu { &-menu {
min-width: px2rem(160px); min-width: px2rem(120px);
max-height: px2rem(300px); max-height: px2rem(300px);
background: $Form-select-menu-bg; background: $Form-select-menu-bg;
color: $Form-select-menu-color; color: $Form-select-menu-color;
@ -161,3 +161,19 @@
} }
} }
} }
// 需要能撑开
@include media-breakpoint-up(sm) {
.#{$ns}Form-control--sizeXs > .#{$ns}NestedSelect,
.#{$ns}Form-control--sizeSm > .#{$ns}NestedSelect,
.#{$ns}Form-control--sizeMd > .#{$ns}NestedSelect,
.#{$ns}Form-control--sizeLg > .#{$ns}NestedSelect {
min-width: 100%;
max-width: 100%;
display: inline-flex !important;
.#{$ns}Select-valueWrap {
width: 0; // ! 没有这个会撑开。
}
}
}

18
src/renderers/Form/NestedSelect.tsx
View File

@ -521,7 +521,7 @@ export default class NestedSelectControl extends React.Component<
> >
<div <div
className={cx('NestedSelect-menuOuter')} className={cx('NestedSelect-menuOuter')}
style={{width: this.target.offsetWidth}} style={{minWidth: this.target.offsetWidth}}
> >
{this.renderOptions()} {this.renderOptions()}
</div> </div>
@ -548,17 +548,13 @@ export default class NestedSelectControl extends React.Component<
const {className, disabled, classnames: cx, multiple} = this.props; const {className, disabled, classnames: cx, multiple} = this.props;
return ( return (
<div className={cx('NestedSelectControl')}> <div className={cx('NestedSelectControl', className)}>
<div <div
className={cx( className={cx('NestedSelect', {
'NestedSelect', [`NestedSelect--multi`]: multiple,
{ 'is-opened': this.state.isOpened,
[`NestedSelect--multi`]: multiple, 'is-disabled': disabled
'is-opened': this.state.isOpened, })}
'is-disabled': disabled
},
className
)}
onClick={this.open} onClick={this.open}
ref={this.domRef} ref={this.domRef}
> >