test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 11:58:10 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

styles: 输入框附加组件样式 (#6271)

Browse Source 
Co-authored-by: qinhaoyan <30946345+qinhaoyan@users.noreply.github.com>
This commit is contained in:
qkiroc 2023-02-28 12:43:55 +08:00 committed by GitHub
parent 0573ef690c
commit 3de6c1ece7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/amis-ui/scss/components/form/_text.scss
View File

@ -155,6 +155,13 @@
&--withAddOn {
display: flex;
flex-wrap: nowrap;
&:hover {
.#{$ns}TextControl-input,
.#{$ns}Button,
.#{$ns}TextControl-addOn {
border-color: var(--Form-input-onHover-borderColor);
}
}
@include media-breakpoint-up(sm) {
&.#{$ns}Form-control--sizeXs,
@ -170,7 +177,8 @@
}
}
&--withAddOn > &-input {
&--withAddOn > &-input,
&--withAddOn.is-focused > &-input {
flex-basis: 1;
flex-grow: 1;
min-width: 0;
@ -218,6 +226,8 @@
&:first-child {
border-left-width: var(--input-addon-text-left-border-width);
border-top-left-radius: var(--Form-input-borderRadius);
border-bottom-left-radius: var(--Form-input-borderRadius);
}
&:last-child {
@ -232,8 +242,7 @@
position: relative;
border-radius: 0;
margin-left: px2rem(-1px);
border: var(--InputGroup-button-borderWidth) solid
var(--InputGroup-button-borderColor);
transition: none;
}
&:not(:last-child) .#{$ns}Button {