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