amis/scss/components/form/_tree-select.scss

39 lines
764 B
SCSS
Raw Normal View History

2019-04-30 11:11:25 +08:00
// todo
.#{$ns}TreeSelectControl {
2019-12-06 09:58:08 +08:00
position: relative;
> .#{$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
&.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;
}
}