mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-05 05:18:34 +08:00
75 lines
1.6 KiB
SCSS
75 lines
1.6 KiB
SCSS
.#{$ns}NestedSelect {
|
|
position: relative;
|
|
|
|
&-optionArrowRight {
|
|
display: inline-block;
|
|
padding-right: px2rem(10px);
|
|
|
|
svg {
|
|
width: px2rem(12px);
|
|
height: px2rem(12px);
|
|
fill: var(--Form-input-iconColor);
|
|
}
|
|
}
|
|
|
|
&-menuOuter {
|
|
display: flex;
|
|
}
|
|
|
|
&-noResult {
|
|
padding: 0 var(--gap-xs);
|
|
}
|
|
|
|
&-menu {
|
|
width: px2rem(160px);
|
|
height: px2rem(175px); // 高度写死,否则有可能会上下闪动
|
|
background: var(--Form-select-menu-bg);
|
|
color: var(--Form-select-menu-color);
|
|
border: var(--Form-select-outer-borderWidth) solid
|
|
var(--Form-input-onFocused-borderColor);
|
|
box-shadow: var(--Form-select-outer-boxShadow);
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
|
|
&:not(:first-child) {
|
|
border-left: 0;
|
|
}
|
|
|
|
.#{$ns}NestedSelect-option {
|
|
position: relative;
|
|
padding-left: var(--gap-md);
|
|
min-height: var(--Form-input-height);
|
|
line-height: var(--Form-input-height);
|
|
cursor: pointer;
|
|
display: flex;
|
|
|
|
> .#{$ns}NestedSelect-optionLabel {
|
|
flex: 1;
|
|
|
|
&.is-disabled {
|
|
cursor: not-allowed;
|
|
color: var(--text--muted-color);
|
|
}
|
|
}
|
|
|
|
&.is-active {
|
|
color: var(--Form-select-menu-onActive-color);
|
|
background: var(--Form-select-menu-onActive-bg);
|
|
}
|
|
|
|
&:hover {
|
|
color: var(--Form-select-menu-onHover-color);
|
|
background: var(--Form-select-menu-onHover-bg);
|
|
}
|
|
|
|
&:hover > .#{$ns}NestedSelect-childrenOuter {
|
|
display: block;
|
|
}
|
|
|
|
&.checkall {
|
|
border-bottom: px2rem(1px) solid #eceff8;
|
|
}
|
|
}
|
|
}
|
|
}
|