Skip to content

Add tooltip to the downstream expand btn

Frédéric Caplette requested to merge fc-add-tooltip-to-expand-button-downstream into master

What does this MR do and why?

When hovering or focusing the expand button on a downstream or upstream card, a new tooltip will appear that explains what the action does.

Screenshots or screen recordings

Before After
Screen_Shot_2022-06-01_at_11.22.44_AM Screen_Shot_2022-06-01_at_11.22.18_AM

How to set up and validate locally

  • Setup gitlab runners locally https://docs.gitlab.com/runner/install/osx.html#install-gitlab-runner-on-macos
  • Create at least 2 projects which have their own CI configuration (examples of config will be seen below)
  • Add a new runner for both of these projects
  • In the main project, setup the main .gitlab-ci.yml file by navigating to CI/CD => Editor
  • Paste the following config (and adjust the project names to match)
stages:
  - build
  - test
  - deploy

hi:
  stage: "build"
  script: "echo simple job"

trigger_simple_yaml:
  stage: deploy
  trigger:
    include:
      - project: "root/simple-yaml" # replace with your 2nd project
        file: ".gitlab-ci.yml"
  • Then go inside your second project CI configuration by navigating to CI/CD => Editor
  • Paste any configuration you like:
job_from_project_2:
  script: echo hello from project 2
  • Go back to Project 1
  • Run a pipeline
  • The downstream card will appear in the graph
  • Hover on the expand button (which is on the right with the arrow!)
  • Notice the tooltip which now states: expand jobs

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Merge request reports