fix: jarring effect in Tooltip component

karthik-selva commented 4 years ago

Description

Tooltip uses the Dropdown component for dynamic positioning. When tooltip icon is hovered, the tooltip content is positioned overlapping on the icon, which creates a jarring effect.

Motivation and Context

Users can easily see the tooltip text without the jarring effect.

How Has This Been Tested?

Tested the change in the browser since its a CSS fix

Screenshots (if appropriate):

Checklist:

[ ] I have added a tag to this pull request that indicates the impact of the change (patch, minor or major)
[x] My code follows the code style of this project.
[ ] I have updated the documentation accordingly. (This includes updating the changelog).
[ ] I have read the CONTRIBUTING document. (Last updated 24 Mar 2020)
[ ] All my changes are covered by tests.
[ ] This request is ready to review and merge

coveralls commented 4 years ago

Coverage increased (+0.02%) to 69.885% when pulling d8cf62a3ff62d1a23f51dbeda0ea7b0209981af0 on karthik-selva:DSHR-807-fix-tooltip into c83fd0f1275034b46244214d9ea763e4731efab6 on ocadotechnology:develop.

charlieTheBotDev commented 4 years ago

I'll add docs when I release later today

ocadotechnology / hexagonjs