From a510d9bdfb3d5a524a62388980cfa0a552bbefb7 Mon Sep 17 00:00:00 2001
From: "Luke \"Jared\" Bennett" <lbennett@gitlab.com>
Date: Wed, 27 Sep 2017 15:46:09 +0100
Subject: Correct disabled note form style

---
 .../notes/components/issue_discussion_locked_widget.vue          | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'app/assets/javascripts/notes')

diff --git a/app/assets/javascripts/notes/components/issue_discussion_locked_widget.vue b/app/assets/javascripts/notes/components/issue_discussion_locked_widget.vue
index fa2ff6e5c58..f0429b82aaa 100644
--- a/app/assets/javascripts/notes/components/issue_discussion_locked_widget.vue
+++ b/app/assets/javascripts/notes/components/issue_discussion_locked_widget.vue
@@ -1,6 +1,10 @@
 <script>
   export default {
-    name: 'discussionLockedWidget',
+    computed: {
+      icon() {
+        return gl.utils.spriteIcon('lock');
+      },
+    },
   };
 
 </script>
@@ -8,7 +12,8 @@
 <template>
   <div class="disabled-comment text-center">
     <span class="issuable-note-warning">
-      This issue is locked. Only <b>project members</b> can comment.
+      <span class="icon" v-html="icon"></span>
+      <span>This issue is locked. Only <b>project members</b> can comment.</span>
      </span>
   </div>
 </template>
-- 
cgit v1.2.1