Skip to content

Pipeline graph items: Change tooltip orientation, content

Sascha Eggenberger requested to merge pipeline-graph-item-tooltips into master

What does this MR do and why?

Pipeline graph items: Change tooltip orientation, content

Changes the orientation of tooltips to left/right and changes the content so a general tooltip with the same information is not needed anymore. Will show a native tooltip on hover full job title if truncated.

Changes:

  • Moves status tooltip to left
  • Adds additional status information to the status tooltip
  • Moves action tooltip to right
  • Uses native browser tooltip for job text truncation (to avoid the situation below)

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
before after

This MR will also prevent this lovely situation here:

double_tooltip

How to set up and validate locally

  1. Go to a pipeline graph page, e.g. http://gdk.test:3000/flightjs/Flight/-/pipelines/9

Related to #444717, #455230

Edited by Sascha Eggenberger

Merge request reports