Commit 31b721aa213a6ebd78060f5d95108912f7615f13
1 parent
a7a79014
fixed Input style bug with append in small size
Showing
2 changed files
with
17 additions
and
1 deletions
Show diff stats
examples/routers/input.vue
@@ -24,6 +24,22 @@ | @@ -24,6 +24,22 @@ | ||
24 | </Select> | 24 | </Select> |
25 | <Button slot="append" icon="ios-search"></Button> | 25 | <Button slot="append" icon="ios-search"></Button> |
26 | </Input> | 26 | </Input> |
27 | + <br> | ||
28 | + <Input v-model="value13" size="large"> | ||
29 | + <Select v-model="select3" slot="prepend" style="width: 80px"> | ||
30 | + <Option value="day">Day</Option> | ||
31 | + <Option value="month">Month</Option> | ||
32 | + </Select> | ||
33 | + <Button slot="append" icon="ios-search"></Button> | ||
34 | + </Input> | ||
35 | + <br> | ||
36 | + <Input v-model="value13" size="default"> | ||
37 | + <Select v-model="select3" slot="prepend" style="width: 80px"> | ||
38 | + <Option value="day">Day</Option> | ||
39 | + <Option value="month">Month</Option> | ||
40 | + </Select> | ||
41 | + <Button slot="append" icon="ios-search"></Button> | ||
42 | + </Input> | ||
27 | </div> | 43 | </div> |
28 | </template> | 44 | </template> |
29 | <script> | 45 | <script> |
src/styles/mixins/input.less
@@ -148,7 +148,7 @@ | @@ -148,7 +148,7 @@ | ||
148 | border-color: transparent; | 148 | border-color: transparent; |
149 | background-color: transparent; | 149 | background-color: transparent; |
150 | color: inherit; | 150 | color: inherit; |
151 | - margin: -(@input-padding-vertical-base + 1) (-@input-padding-horizontal); | 151 | + margin: -(@input-padding-vertical-base + 2) (-@input-padding-horizontal); |
152 | } | 152 | } |
153 | 153 | ||
154 | &-prepend, | 154 | &-prepend, |