amis/scss/components/_city-area.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

28 lines
760 B
SCSS

.#{$ns}CityArea {
&-popup {
height: px2rem(280px);
}
&-Input {
margin-top: var(--gap-xs);
outline: none;
vertical-align: top;
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
display: inline-flex !important;
&::placeholder {
color: var(--Form-input-placeholderColor);
user-select: none;
}
&:focus {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
}
}
}