[improvement] Field: increase clickable area of icon (#4058)

This commit is contained in:
neverland 2019-08-07 16:28:22 +08:00 committed by GitHub
parent 19c2fab0d6
commit 5da8ea5d0f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -76,14 +76,28 @@
font-size: @field-clear-icon-size; font-size: @field-clear-icon-size;
} }
&__left-icon .van-icon, &__left-icon,
&__right-icon .van-icon { &__right-icon {
position: relative;
.van-icon {
display: block; display: block;
min-width: 1em; min-width: 1em;
font-size: @field-icon-size; font-size: @field-icon-size;
line-height: inherit; line-height: inherit;
} }
// increase clickable area size
&::after {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
content: '';
}
}
&__left-icon { &__left-icon {
margin-right: 5px; margin-right: 5px;
} }