Hover text in the package details page is messed up
Summary
In the package details page, in the installation command help, there is a copy button. This copy button has two hover messages, one for when the mouse cursor is above it and the other one is displayed once the button is clicked.
Currently, both messages are overlapping.
Steps to reproduce
Example: https://gitlab.com/issue-reproduce/packages/nuget-package/-/packages/92243
and here is what happens:
Other info
This bug is with the clipboard_button.vue
component so is not limited to just the Packages page, but anywhere this component is used. For example:
Commit Copy on Project | Merge Request Diff |
---|---|
There seems to be two issues:
- On the first click of the copy button, it does not show the
Copied
tooltip - Further clicks will display the
Copied
button overlapping the the previous tooltip
What is the expected correct behavior?
The two hover messages should not overlap.
Output of checks
happens on GitLab.com
Possible fixes
From @nkipling:
Actually, the fix seems pretty easy, just add v-gl-tooltip.hover.blur to the button
😄
Edited by Nick Kipling