Deploy correlation markers on monitoring graphs is difficult to hover when there is lot of data
Issue Summary
Deployment icons in the monitoring dashboard are difficult to hover over when the chart has a lot of data points. (check the gif below).
This is a follow-up issue for https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/29914. Part of the work to improve chart interaction UX has already been done in the above issue.
Relevant logs and/or screenshots
Steps to reproduce
- Navigate to monitoring dashboard (I assume that the kubernetes is set up on the project)
- Make sure few deployments have happened and deployment (rocket) icons are visible on the chart.
- Adjust the time window in a way that there are many data points in the chart
- At this point hovering over the deployment icon for the popover to show up gets very difficult.
What is the expected correct behavior?
It should be easy for the user to be able to hover over the deployment icons irrespective of the number of data points in the chart.
Workaround
Zoom into the chart to reduce the data points and then hover over the deployment icon.