|
Lines 106-114
Link Here
|
| 106 |
class="clear-button" |
106 |
class="clear-button" |
| 107 |
@click="clearField(current, $event)" |
107 |
@click="clearField(current, $event)" |
| 108 |
:aria-label="$__('Clear')" |
108 |
:aria-label="$__('Clear')" |
|
|
109 |
:title="$__('Clear')" |
| 109 |
tabindex="-1" |
110 |
tabindex="-1" |
| 110 |
> |
111 |
> |
| 111 |
<i class="fa fa-times"></i> |
112 |
<svg |
|
|
113 |
xmlns="http://www.w3.org/2000/svg" |
| 114 |
width="10" |
| 115 |
height="10" |
| 116 |
viewBox="0 0 10 10" |
| 117 |
> |
| 118 |
<path |
| 119 |
d="M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z" |
| 120 |
></path> |
| 121 |
</svg> |
| 112 |
</button> |
122 |
</button> |
| 113 |
</span> |
123 |
</span> |
| 114 |
<template v-if="available_field.repeatable"> |
124 |
<template v-if="available_field.repeatable"> |
|
Lines 359-367
export default {
Link Here
|
| 359 |
display: inline; |
369 |
display: inline; |
| 360 |
} |
370 |
} |
| 361 |
|
371 |
|
| 362 |
/* Input with clear button gets padding for the button */ |
372 |
/* Input with clear button gets padding for the button and matches select2 styling */ |
| 363 |
input.input-with-clear { |
373 |
input.input-with-clear { |
| 364 |
padding-right: 2rem; |
374 |
padding: 0.375rem 2rem 0.375rem 0.75rem; |
|
|
375 |
line-height: 1.5; |
| 365 |
} |
376 |
} |
| 366 |
|
377 |
|
| 367 |
.clear-button { |
378 |
.clear-button { |
|
Lines 394-401
input.input-with-clear {
Link Here
|
| 394 |
border-radius: 2px; |
405 |
border-radius: 2px; |
| 395 |
} |
406 |
} |
| 396 |
|
407 |
|
| 397 |
.clear-button i { |
408 |
.clear-button svg { |
| 398 |
font-size: 1rem; |
409 |
fill: currentColor; |
| 399 |
} |
410 |
} |
| 400 |
|
411 |
|
| 401 |
/* New button spacing */ |
412 |
/* New button spacing */ |