Web Editor - Tooltip flickers over the information icon in repository search results

[deepagithub]

Browser: FireFox (Works fine in Chrome)
Steps:

1. Open an information model from a project
2. Search for any model from the model repository displayed on the right
3. Hover on the i icon

Expected Result:

• Tooltip is displayed without flickering

Actual Result:

• Tooltip flickers

[shiv12095]

The tooltip flickers because the text "Click for details" is large and cannot be rendered properly on the top of the icon, ( the icon is on the edge of the page ).

As an alternative, we can either shorten the text to just "Details".
This follows the expected behaviour

Or if you want the complete text "Click for details", we can show the tooltip on the left instead.

@deepagithub
Please provide your suggestion

[aedelmann]

Yes please shorten it to "Details".
I would additionally suggest to include the namespace and version in small print. Sometimes duplicate models exist with the same name and the user would not know which to take unless he clicks on the details button. The namespace and version could be below the name of the model in very small print. What do u think ?

[shiv12095]

I feel adding the namespace and version might make the row cluttered. Not sure about it, can you please provide a mock up for the row when you want the namespace and version to be included.

Alternatively, we can have a tooltip on top of the model name with the namespace and version.

[shiv12095]

The UI has been updated in c3f0173