# Bug OP-11862 - Tool tips for list items not perceivable as such 

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-11862

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Module |  |
| Target versions | 12.5.0 |
| Observed in versions |  |
| Sprint | 12.5.0 |
| Backlog bucket |  |
| Bug found in version (deprecated) |  |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Requires doc change | No |
| Accessibility | No |
| Pull preview |  |
| List |  |
| Labels |  |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Planning

| Attribute | Value |
| --- | --- |
| Relevance |  |

## Costs

| Attribute | Value |
| --- | --- |
| Votes |  |
| Work |  |
| Labor costs |  |

## Description

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/50322/content">The current implementation of tool-tips for list items is confusing. It is a black line that is covering the sibling list item. It looks as if it was censoring the sibling. 

I believe the original wire-frame did not make the black bar as wide as the container's width. It was just as wide as the content. Which would make it less likely to look like censoring. However, I believe the black weight is simply too heavy for some additional context info.

With [PR\#11628](https://github.com/opf/openproject/pull/11628) we drafted a proposition that

  - looks a bit less heavy, as it uses a light background color
  - It looks independent from the list item that it is covering as it has round corners and shadows
  - It flickers much less, as the mouse needs to stand still for a moment, before it pops out.
  - When in pops out then the animation makes clear from where it flies out, creating the visual connection between the hovered list item and the tool tip.

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/50323/content">
