[Uptime] Waterfall: Add fixed width to the URL label tooltip to accommodate for longer URLs displayed in the content

[formgeist]

Summary

1. Add fixed width to the tooltip to improve the readability for commonly truncated long labels

We should set the fixed width to 570px to keep within the last breakpoint we have for responsive viewports. Any more characters will make the tooltip wrap the content.

2. Change the delay of when the tooltip is displayed

EUI provides an option to add a longer delay for when the tooltip is displayed, which is especially useful for repeating items like this. We can set the delay="long" on the tooltip.

[elasticmachine]

Pinging @elastic/uptime (Team:uptime)

[justinkambic]

I had some offline discussion about this, but I think simply using something like 90vw for the tooltip max-width will be nicer than using a fixed width. This seems like a pretty common UX expectation.

Example: