@@ -20,6 +20,7 @@ export default {
20
20
i18n: {
21
21
... JOB_SIDEBAR,
22
22
},
23
+ borderTopClass: [' gl-border-t-solid' , ' gl-border-t-1' , ' gl-border-t-gray-100' ],
23
24
forwardDeploymentFailureModalId,
24
25
components: {
25
26
ArtifactsBlock,
@@ -72,7 +73,7 @@ export default {
72
73
< aside class = " right-sidebar build-sidebar" data- offset- top= " 101" data- spy= " affix" >
73
74
< div class = " sidebar-container" >
74
75
< div class = " blocks-container" >
75
- < div class = " block gl-display-flex gl-flex-nowrap gl-align-items-center" >
76
+ < div class = " gl-py-5 gl-display-flex gl-align-items-center" >
76
77
< tooltip- on- truncate : title= " job.name" truncate- target= " child"
77
78
>< h4 class = " my-0 mr-2 gl-text-truncate" >
78
79
{{ job .name }}
@@ -107,38 +108,59 @@ export default {
107
108
/ >
108
109
< / div>
109
110
110
- < div v- if = " job.terminal_path || job.new_issue_path" class = " block retry-link" >
111
+ < div
112
+ v- if = " job.terminal_path || job.new_issue_path"
113
+ class = " gl-py-5"
114
+ : class = " $options.borderTopClass"
115
+ >
111
116
< gl- button
112
117
v- if = " job.new_issue_path"
118
+ : href= " job.new_issue_path"
113
119
category= " secondary"
114
120
variant= " confirm"
115
- : href= " job.new_issue_path"
116
- class = " float-left gl-mr-2"
117
121
data- testid= " job-new-issue"
118
- > {{ $options .i18n .newIssue }}
122
+ >
123
+ {{ $options .i18n .newIssue }}
119
124
< / gl- button>
120
125
< gl- button
121
126
v- if = " job.terminal_path"
122
127
: href= " job.terminal_path"
123
- class = " gl-md-display-block gl-lg-display-block float-left"
124
128
target= " _blank"
125
129
data- testid= " terminal-link"
126
130
>
127
131
{{ $options .i18n .debug }}
128
- < gl- icon : size = " 14 " name= " external-link" / >
132
+ < gl- icon name= " external-link" / >
129
133
< / gl- button>
130
134
< / div>
131
- < job- sidebar- details- container / >
132
- < artifacts- block v- if = " hasArtifact" : artifact= " job.artifact" : help- url= " artifactHelpUrl" / >
133
- < trigger- block v- if = " hasTriggers" : trigger= " job.trigger" / >
135
+
136
+ < job- sidebar- details- container class = " gl-py-5" : class = " $options.borderTopClass" / >
137
+
138
+ < artifacts- block
139
+ v- if = " hasArtifact"
140
+ class = " gl-py-5"
141
+ : class = " $options.borderTopClass"
142
+ : artifact= " job.artifact"
143
+ : help- url= " artifactHelpUrl"
144
+ / >
145
+
146
+ < trigger- block
147
+ v- if = " hasTriggers"
148
+ class = " gl-py-5"
149
+ : class = " $options.borderTopClass"
150
+ : trigger= " job.trigger"
151
+ / >
152
+
134
153
< commit- block
135
154
: commit= " commit"
136
- : is- last- block= " hasStages"
155
+ class = " gl-py-5"
156
+ : class = " $options.borderTopClass"
137
157
: merge- request= " job.merge_request"
138
158
/ >
139
159
140
160
< stages- dropdown
141
161
v- if = " job.pipeline"
162
+ class = " gl-py-5"
163
+ : class = " $options.borderTopClass"
142
164
: pipeline= " job.pipeline"
143
165
: selected- stage= " selectedStage"
144
166
: stages= " stages"
0 commit comments