summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue
diff options
context:
space:
mode:
authorjerasmus <jerasmus@gitlab.com>2018-11-21 16:47:57 +0200
committerjerasmus <jerasmus@gitlab.com>2018-11-21 16:47:57 +0200
commite89d8b485c7ece09534168c13a3fb55c0a1cb20f (patch)
tree4bade7b0d919ad30c25043582a064e9ec61ebdb7 /app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue
parentbd082c69d2be456ef19f992066796cd7c8bd4d1c (diff)
downloadgitlab-ce-suggest-change-to-diff-line-fe.tar.gz
Add toolbar icon + UX adjustmentssuggest-change-to-diff-line-fe
Added MD toolbar icon. Refined the UI to match ux mockups.
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue')
-rw-r--r--app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue8
1 files changed, 7 insertions, 1 deletions
diff --git a/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue b/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue
index ddb303b8962..463fc39b5ff 100644
--- a/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue
+++ b/app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue
@@ -1,5 +1,8 @@
<script>
+import Icon from '~/vue_shared/components/icon.vue';
+
export default {
+ components: { Icon },
props: {
canApply: {
type: Boolean,
@@ -17,7 +20,10 @@ export default {
<template>
<div class="file-title-flex-parent md-suggestion-header border-bottom-0 mt-2">
- Suggested change
+ <div>
+ Suggested change
+ <icon name="question-o" css-classes="link-highlight" />
+ </div>
<button
v-if="canApply"
type="button"