Merge branch 'gl-button-job' into 'master'

Apply new GitLab UI for buttons in pipeline page

See merge request gitlab-org/gitlab!53364

app/assets/javascripts/jobs/components/empty_state.vue

@@ -85,7 +85,7 @@ export default {
           <gl-link
             :href="action.path"
             :data-method="action.method"
-            class="btn btn-primary"
+            class="btn gl-button btn-confirm gl-text-decoration-none!"
             data-testid="job-empty-state-action"
             >{{ action.button_title }}</gl-link
           >

app/assets/javascripts/jobs/components/sidebar.vue

@@ -46,9 +46,9 @@ export default {
     ...mapGetters(['hasForwardDeploymentFailure']),
     ...mapState(['job', 'stages', 'jobs', 'selectedStage']),
     retryButtonClass() {
-      let className = 'btn btn-retry';
+      let className = 'btn gl-button gl-text-decoration-none!';
       className +=
-        this.job.status && this.job.recoverable ? ' btn-primary' : ' btn-inverted-secondary';
+        this.job.status && this.job.recoverable ? ' btn-confirm' : ' btn-confirm-secondary';
       return className;
     },
     hasArtifact() {
@@ -94,7 +94,7 @@ export default {
             <gl-link
               v-if="job.cancel_path"
               :href="job.cancel_path"
-              class="btn btn-default"
+              class="btn gl-button btn-default gl-text-decoration-none!"
               data-method="post"
               data-testid="cancel-button"
               rel="nofollow"
@@ -115,7 +115,7 @@ export default {
           <gl-link
             v-if="job.new_issue_path"
             :href="job.new_issue_path"
-            class="btn btn-success btn-inverted float-left mr-2"
+            class="btn gl-button btn-success-secondary float-left mr-2 gl-text-decoration-none!"
             data-testid="job-new-issue"
             >{{ $options.i18n.newIssue }}
           </gl-link>

app/assets/javascripts/pipelines/components/pipelines_list/pipelines_table_row.vue

@@ -355,7 +355,7 @@ export default {
           :title="$options.i18n.redeployTitle"
           :disabled="isRetrying"
           :loading="isRetrying"
-          class="js-pipelines-retry-button btn-retry"
+          class="js-pipelines-retry-button"
           data-qa-selector="pipeline_retry_button"
           icon="repeat"
           variant="default"

changelogs/unreleased/gl-button-job.yml

+---
+title: Apply new GitLab UI for buttons in pipeline page
+merge_request: 53364
+author: Yogi (@yo)
+type: other