2019-04-30 11:11:25 +08:00
|
|
|
// todo
|
|
|
|
.#{$ns}TreeSelectControl {
|
2019-12-06 09:58:08 +08:00
|
|
|
position: relative;
|
2020-06-11 18:31:02 +08:00
|
|
|
|
|
|
|
> .#{$ns}TreeSelect-popover {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2019-04-30 11:11:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.#{$ns}TreeSelect {
|
2019-12-06 09:58:08 +08:00
|
|
|
@include input-text();
|
|
|
|
outline: none;
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2020-06-11 18:31:02 +08:00
|
|
|
&.is-opened {
|
2019-12-06 09:58:08 +08:00
|
|
|
border-color: $Form-input-onFocused-borderColor;
|
|
|
|
box-shadow: $Form-input-boxShadow;
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2019-12-06 09:58:08 +08:00
|
|
|
@if $Form-input-onFocused-bg !=$Form-input-bg {
|
|
|
|
background-color: $Form-input-onFocused-bg;
|
2019-04-30 11:11:25 +08:00
|
|
|
}
|
2019-12-06 09:58:08 +08:00
|
|
|
}
|
2019-04-30 11:11:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.#{$ns}TreeSelect-popover {
|
2019-12-06 09:58:08 +08:00
|
|
|
background: transparent;
|
|
|
|
border: none;
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
|
|
> .#{$ns}Tree {
|
|
|
|
background: $TreeSelect-popover-bg;
|
|
|
|
border: $Form-input-borderWidth solid $Form-input-onFocused-borderColor;
|
|
|
|
padding: $gap-xs $Form-input-paddingX;
|
|
|
|
border-radius: 0;
|
|
|
|
margin-top: -1px;
|
|
|
|
max-height: 400px;
|
|
|
|
overflow: auto;
|
|
|
|
}
|
2019-05-15 16:10:20 +08:00
|
|
|
}
|