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 Begin of the deletion can be the browser one.
* [x] The cursorEnd of the deletion on disabled elements will be the block cursor.
* [x] The Begin of the insertionmin-width is fixed at 20-remEnd of the insertion Begin of the deletion leftEnd of the deletion and Begin of the deletion right margin areEnd of the deletion the Begin of the insertionmax-width is 90vw. So shorter tooltips will have extra space onEnd of the insertion Begin of the deletion double thanEnd of the deletion the Begin of the insertionright side.End of the insertion Begin of the deletion top and bottom.End of the deletion
* [x] The tooltip is Begin of the insertionfixedEnd of the insertion Begin of the deletion fixEnd of the deletion and does not need to follow the cursor.
* [x] Begin of the insertionGenerally, no interactionEnd of the insertion Begin of the deletion The widthEnd of the deletion is Begin of the insertionpossible on a disabled item, so no background changes are possible.
End of the insertion Begin of the deletion determined by the container where the tooltip is triggered.
End of the deletion * [x] The Begin of the deletion hover effect background isEnd of the deletion only Begin of the insertionexception is the insufficient permission message;End of the insertion Begin of the deletion visibleEnd of the deletion in Begin of the insertionthis case,End of the insertion the Begin of the insertionuserEnd of the insertion Begin of the deletion elements that can be clicked. If an elementEnd of the deletion is Begin of the insertiontechnically still able to click on the click, so the background _can_ change.End of the insertion Begin of the deletion completely disabled this will have no hover background.End of the deletion
* [x] Begin of the insertionThere areEnd of the insertion Begin of the deletion For the moment we haveEnd of the deletion two Begin of the insertionvariants of tooltip, one with a lightEnd of the insertion Begin of the deletion tooltipEnd of the deletion background Begin of the deletion colours (light blueEnd of the deletion and Begin of the insertionanother with a darkEnd of the insertion Begin of the deletion grey) but in the list case we will use theEnd of the deletion grey Begin of the insertionbackground.
End of the insertion Begin of the deletion one.
End of the deletion * [x] Begin of the insertionThe blue oneEnd of the insertion Begin of the deletion Disabled list elements might have tooltip butEnd of the deletion is Begin of the insertionused in this case.End of the insertion Begin of the deletion not mandatory.End of the deletion
* [x] Disabled list elements are always using the Grey #3 (#878787) in the main text to showcase this element is inactive. Begin of the deletion
* [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.End of the deletion

## 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">