amis2/scss/components/form/_tree-select.scss
2020-06-11 18:31:09 +08:00

39 lines
764 B
SCSS

// todo
.#{$ns}TreeSelectControl {
position: relative;
> .#{$ns}TreeSelect-popover {
width: 100%;
}
}
.#{$ns}TreeSelect {
@include input-text();
outline: none;
&.is-opened {
border-color: $Form-input-onFocused-borderColor;
box-shadow: $Form-input-boxShadow;
@if $Form-input-onFocused-bg !=$Form-input-bg {
background-color: $Form-input-onFocused-bg;
}
}
}
.#{$ns}TreeSelect-popover {
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;
}
}