This is an automated email from the ASF dual-hosted git repository. machristie pushed a commit to branch AIRAVATA-3324-custom-input-editor-autocomplete-input-editor in repository https://gitbox.apache.org/repos/asf/airavata-django-portal.git
commit 749943189035da9c82c18b42bf4ae732c258e3ba Author: Marcus Christie <machris...@apache.org> AuthorDate: Wed Apr 29 09:36:29 2020 -0400 AIRAVATA-3324 Improve UI for canceling selection --- .../experiment/input-editors/AutocompleteInputEditor.vue | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/input-editors/AutocompleteInputEditor.vue b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/input-editors/AutocompleteInputEditor.vue index 067bb24..83934d5 100644 --- a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/input-editors/AutocompleteInputEditor.vue +++ b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/input-editors/AutocompleteInputEditor.vue @@ -1,8 +1,10 @@ <template> - <!-- TODO: replace with better display and x to clear out selected value --> - <div v-if="value"> + <div v-if="value" class="d-flex pl-3"> {{ text }} - <b-link @click="cancel">Cancel</b-link> + <b-link @click="cancel" class="ml-auto text-danger" + >Cancel + <i class="fa fa-times" aria-hidden="true"></i> + </b-link> </div> <div v-else> <autocomplete-text-input