diff --git a/app/assets/javascripts/pipelines/components/pipeline_url.vue b/app/assets/javascripts/pipelines/components/pipeline_url.vue
index b4a7fbec5f9..db10abdae83 100644
--- a/app/assets/javascripts/pipelines/components/pipeline_url.vue
+++ b/app/assets/javascripts/pipelines/components/pipeline_url.vue
@@ -25,11 +25,15 @@
user() {
return this.pipeline.user;
},
- autoDevOpsTitle() {
- return '
This pipeline makes use of a predefined CI/CD configuration enabled by Auto DevOps.
';
- },
- autoDevOpsContent() {
- return `Learn more about Auto DevOps`;
+ popoverOptions() {
+ return {
+ html: true,
+ delay: { hide: 600 },
+ trigger: 'hover',
+ placement: 'top',
+ title: 'This pipeline makes use of a predefined CI/CD configuration enabled by Auto DevOps.
',
+ content: `Learn more about Auto DevOps`,
+ };
},
},
};
@@ -71,14 +75,9 @@
+ class="js-pipeline-url-autodevops label label-info autodevops-link"
+ v-popover="popoverOptions"
+ role="button">
Auto DevOps
popover
+ * popover
*/
export default {
bind(el, binding) {
- const renderHTML = binding.arg === 'html';
-
- $(el).popover({
- html: renderHTML,
- });
+ $(el).popover(binding.value);
},
unbind(el) {
diff --git a/app/assets/stylesheets/pages/commits.scss b/app/assets/stylesheets/pages/commits.scss
index 525e1d57fee..1fa815970eb 100644
--- a/app/assets/stylesheets/pages/commits.scss
+++ b/app/assets/stylesheets/pages/commits.scss
@@ -220,7 +220,7 @@
.commit,
.generic_commit_status {
- a:not(.label):not(.autodevops-link),
+ a:not(.autodevops-link),
button {
color: $gl-text-color;
vertical-align: baseline;
diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index 9071e1ca0c8..aaa0b344af5 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -936,7 +936,3 @@ button.mini-pipeline-graph-dropdown-toggle {
font-weight: $gl-font-weight-normal;
line-height: 1.5;
}
-
-.autodevops-link {
- color: $gl-link-color;
-}