Add latest changes from gitlab-org/gitlab@master

1 files changed, 4 insertions, 2 deletions

diff --git a/app/assets/javascripts/work_items/components/work_item_detail_modal.vue b/app/assets/javascripts/work_items/components/work_item_detail_modal.vue
index 942677bb937..d5687d26499 100644
--- a/app/assets/javascripts/work_items/components/work_item_detail_modal.vue
+++ b/app/assets/javascripts/work_items/components/work_item_detail_modal.vue
@@ -1,5 +1,5 @@
 <script>
-import { GlModal } from '@gitlab/ui';
+import { GlModal, GlLoadingIcon } from '@gitlab/ui';
 import { s__ } from '~/locale';
 import workItemQuery from '../graphql/work_item.query.graphql';
 import ItemTitle from './item_title.vue';
@@ -7,6 +7,7 @@ import ItemTitle from './item_title.vue';
 export default {
   components: {
     GlModal,
+    GlLoadingIcon,
     ItemTitle,
   },
   props: {
@@ -57,6 +58,7 @@ export default {
 
 <template>
   <gl-modal hide-footer modal-id="work-item-detail-modal" :visible="visible" @hide="$emit('close')">
-    <item-title class="gl-m-0!" :initial-title="workItemTitle" />
+    <gl-loading-icon v-if="$apollo.queries.workItem.loading" size="md" />
+    <item-title v-else class="gl-m-0!" :initial-title="workItemTitle" />
   </gl-modal>
 </template>