Merge branch '27963-tooltips-jobs' into 'master'

Fixes tooltips in mini pipeline graph

Closes #27963 and #28008

See merge request !9140

app/assets/stylesheets/pages/pipelines.scss

@@ -94,6 +94,10 @@
       padding: 10px 8px;
     }
+    td.stage-cell {
+      padding: 10px 0;
+    }
+
     .commit-link {
       padding: 9px 8px 10px;
     }
@@ -291,12 +295,14 @@
     height: 22px;
     margin: 3px 6px 3px 0;
-    .tooltip {
-      white-space: nowrap;
+    // Hack to show a button tooltip inline
+    button.has-tooltip + .tooltip {
+      min-width: 105px;
     }
-    .tooltip-inner {
-      padding: 3px 4px;
+    // Bootstrap way of showing the content inline for anchors.
+    a.has-tooltip {
+      white-space: nowrap;
     }
     &:not(:last-child) {

changelogs/unreleased/27963-tooltips-jobs.yml

+---
+title: Fix tooltips in mini pipeline graph
+merge_request:
+author:

spec/features/merge_requests/mini_pipeline_graph_spec.rb

@@ -66,7 +66,7 @@ feature 'Mini Pipeline Graph', :js, :feature do
     end
     it 'should close when toggle is clicked again' do
-      toggle.click
+      toggle.trigger('click')
       expect(toggle.find(:xpath, '..')).not_to have_selector('.mini-pipeline-graph-dropdown-menu')
     end