ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 10:07:07 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[bugfix] Search: incomplete text display in iOS (#974)

Browse Source
This commit is contained in:
neverland
2018-05-02 20:22:12 +08:00
committed by GitHub
parent 8e088fd0f5
commit 593b09a026
3 changed files with 31 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
packages/vant-css/src/search.css
View File

@@ -5,36 +5,19 @@
align-items: center;
box-sizing: border-box;
padding: 4px 15px;
position: relative;
&--show-action {
padding-right: 0;
}
&__wrap {
position: relative;
.van-cell {
flex: 1;
height: 34px;
box-sizing: border-box;
padding: 8px 24px 8px 35px;
border: 1px solid $gray-light;
border-radius: 4px;
background-color: $white;
padding: 5px 10px 5px 35px;
}
&__input {
display: block;
width: 100%;
height: 16px;
line-height: 16px;
padding: 0;
font-size: 14px;
color: $gray-darker;
border: none;
&::placeholder {
color: $gray-dark;
}
input {
&::-webkit-search-decoration,
&::-webkit-search-cancel-button,
&::-webkit-search-results-button,
@@ -59,21 +42,16 @@
}
.van-icon-search {
top: 50%;
left: 25px;
z-index: 1;
color: $gray-darker;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
font-size: 16px;
transform: translateY(-50%);
}
.van-icon-clear {
font-size: 14px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 5px; /* increase click area */
color: $gray-dark;
}
}