@@ -3,7 +3,6 @@ import { GlModal, GlLink, GlSprintf } from '@gitlab/ui';
3
3
import { helpPagePath } from ' ~/helpers/help_page_helper' ;
4
4
import { escapeShellString } from ' ~/lib/utils/text_utility' ;
5
5
import { __ } from ' ~/locale' ;
6
- import ClipboardButton from ' ~/vue_shared/components/clipboard_button.vue' ;
7
6
8
7
export default {
9
8
i18n: {
@@ -25,15 +24,13 @@ export default {
25
24
help: __ (' Push the source branch up to GitLab.' ),
26
25
},
27
26
},
28
- copyCommands: __ (' Copy commands' ),
29
27
tip: __ (
30
28
' %{strongStart}Tip:%{strongEnd} You can also %{linkStart}check out with merge request ID%{linkEnd}.' ,
31
29
),
32
30
title: __ (' Check out, review, and resolve locally' ),
33
31
},
34
32
components: {
35
33
GlModal,
36
- ClipboardButton,
37
34
GlLink,
38
35
GlSprintf,
39
36
},
@@ -113,6 +110,7 @@ export default {
113
110
}
114
111
});
115
112
},
113
+ userColorScheme: window .gon .user_color_scheme ,
116
114
};
117
115
</script >
118
116
@@ -132,16 +130,16 @@ export default {
132
130
</strong >
133
131
{{ $options.i18n.steps.step1.help }}
134
132
</p >
135
- <div class = " gl-flex gl-gap-3 " >
136
- < pre class =" gl-w-full " data-testid = " how-to-merge-instructions " >{{ mergeInfo1 }}</ pre >
137
- < clipboard-button
138
- :text = " mergeInfo1 "
139
- :title = " $options.i18n.copyCommands "
140
- category = " tertiary "
141
- class = " gl-self-start "
142
- />
143
- </ div >
144
- < p v-if = " reviewingDocsPath " >
133
+ <pre
134
+ : class =" $options.userColorScheme "
135
+ class = " code highlight js-syntax-highlight gl-rounded-base "
136
+ data-testid = " how-to-merge-instructions "
137
+ >{{ mergeInfo1 }}</ pre
138
+ >
139
+ < p
140
+ v-if = " reviewingDocsPath "
141
+ class = " -gl-mt-4 gl-rounded-b-base gl-border-1 gl-border-solid gl-border-default gl-px-4 gl-py-3 "
142
+ >
145
143
<gl-sprintf data-testid =" docs-tip" :message =" $options.i18n.tip" >
146
144
<template #strong =" { content } " >
147
145
<strong >{{ content }}</strong >
@@ -153,7 +151,6 @@ export default {
153
151
</template >
154
152
</gl-sprintf >
155
153
</p >
156
-
157
154
<p >
158
155
<strong >
159
156
{{ $options.i18n.steps.step2.label }}
@@ -178,14 +175,11 @@ export default {
178
175
</strong >
179
176
{{ $options.i18n.steps.step4.help }}
180
177
</p >
181
- <div class =" gl-flex gl-gap-3" >
182
- <pre class =" gl-w-full" data-testid =" how-to-merge-instructions" >{{ mergeInfo2 }}</pre >
183
- <clipboard-button
184
- :text =" mergeInfo2"
185
- :title =" $options.i18n.copyCommands"
186
- category =" tertiary"
187
- class =" gl-self-start"
188
- />
189
- </div >
178
+ <pre
179
+ :class =" $options.userColorScheme"
180
+ class =" code highlight js-syntax-highlight language-shell gl-rounded-base"
181
+ data-testid =" how-to-merge-instructions"
182
+ >{{ mergeInfo2 }}</pre
183
+ >
190
184
</gl-modal >
191
185
</template >
0 commit comments