修复nested-select下拉icon

This commit is contained in:
rickcole 2020-07-06 14:45:25 +08:00
parent 2e04242370
commit ea3c1b3412
2 changed files with 5 additions and 5 deletions

View File

@ -31,11 +31,9 @@
} }
} }
&.is-opened { &.is-opened .#{$ns}Select-arrow > svg {
.#{$ns}Select-arrow:before {
transform: rotate(180deg); transform: rotate(180deg);
} }
}
&:not(.is-disabled):hover { &:not(.is-disabled):hover {
background: $Form-select-onHover-bg; background: $Form-select-onHover-bg;

View File

@ -562,7 +562,9 @@ export default class NestedSelectControl extends React.Component<
{this.renderClear()} {this.renderClear()}
<span className={cx('Select-arrow')} /> <span className={cx('Select-arrow')}>
<Icon icon="caret" className="icon" />
</span>
</div> </div>
{this.state.isOpened ? this.renderOuter() : null} {this.state.isOpened ? this.renderOuter() : null}