Select 样式优化
This commit is contained in:
parent
4189e13c92
commit
806a2f74d1
|
@ -134,8 +134,7 @@
|
|||
|
||||
&-menu {
|
||||
max-height: px2rem(300px);
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
overflow: auto;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
|
@ -174,7 +173,7 @@
|
|||
|
||||
&-option {
|
||||
cursor: pointer;
|
||||
min-width: px2rem(150px);
|
||||
min-width: px2rem(120px);
|
||||
padding: ($Form-select-menu-height - $Form-input-lineHeight * $Form-input-fontSize)/2 $Form-select-paddingX;
|
||||
|
||||
&.is-active {
|
||||
|
|
|
@ -715,7 +715,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
|
|||
<PopOver
|
||||
overlay
|
||||
className={cx('Select-popover')}
|
||||
style={{width: this.target ? this.target.offsetWidth : 'auto'}}
|
||||
style={{minWidth: this.target ? this.target.offsetWidth : 'auto'}}
|
||||
onHide={this.close}
|
||||
>
|
||||
{menu}
|
||||
|
|
Loading…
Reference in New Issue