In [https://community.openproject.org/projects/openproject/work\_packages/43399?query\_id=3471#activity-17](https://community.openproject.org/projects/openproject/work_packages/43399?query_id=3471#activity-17) is defined, how Tooltips and spot list should look together.

* [x] The cursor can be the browser one.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion The cursor on disabled elements will be the block cursor.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion The left and right margin are the double than the top and bottom.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion The tooltip is fix and does not need to follow the cursor.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion The width is determined by the container where the tooltip is triggered.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion The hover effect background Begin of the insertionisEnd of the insertion Begin of the deletion inEnd of the deletion only visible in the elements that can be clicked. If an element is completely disabled this will have no hover background.
* [x] For the moment we have two tooltip background colours (light blue and grey) but in the list case we will use the grey one.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion Disabled list elements might have tooltip but is not mandatory.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion Disabled list elements are always using the Grey #3 (#878787) in the main text to showcase this element is inactive.
* [x] There is a very particular files case (already implemented) where the user has no permissions to see the file. This case is treated separately.

## Visuals

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38498/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38502/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38499/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38500/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38501/content">