amis2/scss/components/form/_tree-select.scss
龙少 16e3efd619
feat: 城市选择器移动端优化、移动端禁止表单inline、弹出层高度调整 (#3312)
* fix: useMobileUI接受位置修改

* fix:移动端禁用inline模式

* feat: 移动端城市选择器优化

* fix: 颜色选择器移动端禁止输入否则键盘和popup冲突

* fix: 弹出框高度调整

* fix: 去除标题

* fix: 禁止focus选中

* Update _picker-columns.scss

* Update _picker-columns.scss

Co-authored-by: zhangxulong <zhangxulong@baidu.com>
2021-12-30 17:16:40 +08:00

40 lines
787 B
SCSS

.#{$ns}TreeSelectControl {
position: relative;
> .#{$ns}TreeSelect-popover {
width: 100%;
}
}
.#{$ns}TreeSelect {
@include input-text();
outline: none;
&.is-opened {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
}
&-popup {
height: px2rem(400px);
}
}
.#{$ns}TreeSelect-popover {
background: transparent;
border: none;
box-shadow: none;
> .#{$ns}Tree {
background: var(--TreeSelect-popover-bg);
border: var(--Form-input-borderWidth) solid
var(--Form-input-onFocused-borderColor);
padding: var(--gap-xs) var(--Form-input-paddingX);
border-radius: 0;
margin-top: -1px;
max-height: 400px;
overflow: auto;
}
}