kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Backport inline loading_icon updates from EE

Browse source 
See
https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/2246#note_33577729
This commit is contained in:
Eric Eastwood 2017-06-27 12:38:07 -05:00
parent b7ea3ce467
commit 236b921bd6
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/assets/javascripts/vue_shared/components/loading_icon.vue
View file

@ -12,9 +12,18 @@
required: false, required: false,
default: '1', default: '1',
}, },
inline: {
type: Boolean,
required: false,
default: false,
},
}, },
computed: { computed: {
rootElementType() {
return this.inline ? 'span' : 'div';
},
cssClass() { cssClass() {
return `fa-${this.size}x`; return `fa-${this.size}x`;
}, },
@ -22,12 +31,14 @@
}; };
</script> </script>
<template> <template>
<div class="text-center"> <component
:is="this.rootElementType"
class="text-center">
<i <i
class="fa fa-spin fa-spinner" class="fa fa-spin fa-spinner"
:class="cssClass" :class="cssClass"
aria-hidden="true" aria-hidden="true"
:aria-label="label"> :aria-label="label">
</i> </i>
</div> </component>
</template> </template>