[Bug]: Change the tooltip position of Copy value & json

[anikdhabal]

What happened?

After hovering over the 'Copy JSON' button, I am unable to access the 'Copy Value' button. The tooltip of the 'Copy JSON' button is blocking the 'Copy Value' button.

Steps to reproduce

1.Hover over the copy json button

Expected behavior

It would be better if the tooltip were positioned at the top or if the value of mouseLeaveDelay is 0.

Relevant log output

No response

Screenshot

Additional context

No response

Jaeger backend version

No response

SDK

No response

Pipeline

No response

Stogage backend

No response

Operating system

No response

Deployment model

No response

Deployment configs

No response

[yurishkuro]

yeah, I also found it annoying. You can still just move off the right button and the left one becomes visible, but if it's an easy fix then we should fix it.

[anikdhabal]

yeah, I also found it annoying. You can still just move off the right button and the left one becomes visible, but if it's an easy fix then we should fix it.

Yes, I will create a Pr then.

[sivasathyaseeelan]

Hi @yurishkuro, I think in

<Tooltip
        arrowPointAtCenter
        mouseLeaveDelay={0.1}
        onVisibleChange={this.handleTooltipVisibilityChange}
        placement={this.props.placement}
        title={this.state.hasCopied ? 'Copied' : this.props.tooltipTitle}
      >

only mouseLeaveDelay={0} works.

with mouseLeaveDelay={0.1}

with.mouseLeaveDelay.0.1.mp4

with mouseLeaveDelay={0}

with.mouseLeaveDelay.0.mp4

@yurishkuro can I go and create a new PR?