[Synthetic] UI polish

[katrin-freihofner]

This is a collection of UI issues I have found connected to Synthetic. Some of them are related to the new Amsterdam theme. I don't see them as blockers.

Custom? Tooltip

I think we are using a custom tooltip for the waterfall. The colors seem off in dark mode.
I suggest using the EUI popover or tooltip for this. Please reach out if you have any questions.

Amsterdam colors

I could not find all of these colors in the new Amsterdam theme and I'm wondering if they are custom? Please make sure we are using EUI colors here.

Copy to clipboard action is missing

When looking at a script for the first time, I did not get the copy to the clipboard button. After opening the script in full-screen mode it appeared. Can we please make sure the copy icon button is always there?

Empty console output

I suggest switching the empty Console output accordion for a text message saying something like "Empty console output". ( Also we should show the help text saying , browser console logs are only captured for failed steps by default)

These screenshots have been taken from our internal edge environment.

Step x of y difficult to read

When looking at an enlarged version of the screenshot, it's difficult to read the current step number:

[elasticmachine]

Pinging @elastic/uptime (Team:uptime)

[paulb-elastic]

Added about the step number being difficult to read.

[shahzad31]

@awahab07 i have updated the AC's for the empty console log to display helper text as well to indicate browser console logs/errors are only captured for failed steps.

@dominiqueclarke is there a way in the integeration UI to change that while creating browser monitor?

@vigneshshanmugam can you provide a link to doc if it's possible to change the default behavior by a param or something.

If the link is there we can add that as well as part of inforamtion.

[dominiqueclarke]

@shahzad31 Can you further clarify your question? There is no way to turn off the browser console option.

[paulb-elastic]

Ping @hbharding

[paulb-elastic]

These requirements to be considered in the new Synthetics App

[paulb-elastic]

(pushing to 8.4 to determine if anything outstanding from the Synthetics App implementation)

[paulb-elastic]

Closing as an Uptime specific review (as Synthetics UI will supersede it)