Fixed pipeline action tooltips being cut off

Changed the container for the tooltip to be the body so that the tooltip does not get cut off with the overflow area. This change affects both merge request pipelines table & the pipelines page Closes #29314

Fixed pipeline action tooltips being cut off
4a1d1eb9 · Phil Hughes · 9226ce9e · 4a1d1eb9 · 4a1d1eb9
Commit 4a1d1eb9 authored Mar 15, 2017 by Phil Hughes
Hide whitespace changes
Inline Side-by-side

Showing with 8 additions and 0 deletions

pipeline_actions.js ...ssets/javascripts/vue_pipelines_index/pipeline_actions.js +4 -0

pipeline-tooltips-overflow.yml changelogs/unreleased/pipeline-tooltips-overflow.yml +4 -0

No files found.
--- a/app/assets/javascripts/vue_pipelines_index/pipeline_actions.js
+++ b/app/assets/javascripts/vue_pipelines_index/pipeline_actions.js
@@ -47,6 +47,7 @@ const playIconSvg = require('icons/_icon_play.svg');
                data-toggle="dropdown"
                title="Manual job"
                data-placement="top"
+                data-container="body"
                aria-label="Manual job">
                <span v-html="playIconSvg" aria-hidden="true"></span>
                <i class="fa fa-caret-down" aria-hidden="true"></i>
@@ -69,6 +70,7 @@ const playIconSvg = require('icons/_icon_play.svg');
                class="dropdown-toggle btn btn-default build-artifacts has-tooltip js-pipeline-dropdown-download"
                title="Artifacts"
                data-placement="top"
+                data-container="body"
                data-toggle="dropdown"
                aria-label="Artifacts">
                <i class="fa fa-download" aria-hidden="true"></i>
@@ -92,6 +94,7 @@ const playIconSvg = require('icons/_icon_play.svg');
                rel="nofollow"
                data-method="post"
                data-placement="top"
+                data-container="body"
                data-toggle="dropdown"
                :href='pipeline.retry_path'
                aria-label="Retry">
@@ -105,6 +108,7 @@ const playIconSvg = require('icons/_icon_play.svg');
                rel="nofollow"
                data-method="post"
                data-placement="top"
+                data-container="body"
                data-toggle="dropdown"
                :href='pipeline.cancel_path'
                aria-label="Cancel">

--- a/changelogs/unreleased/pipeline-tooltips-overflow.yml
+++ b/changelogs/unreleased/pipeline-tooltips-overflow.yml
+---
+title: Fixed pipeline actions tooltips overflowing
+merge_request:
+author: