In the case of an error message where the files are still visible but the user can't access them or perform any action would be an increase of UX to add the blocked mouse (as we do for the team planner cards) and a tooltip explaining why this list elements are inactive.

### **Acceptance criteria**

* Use browser "not-allowed" pointer on disabled list items.
* Display the appropriate message with a tooltip:
* The left and right margin (1 rem) are the double than the top and bottom (0.5 rem)
* Begin of the deletion The min-width is fixed at 20-rem and the max-width is 90vw. So shorter tooltips will have extra space on the right side.
* End of the deletion Generally, no interaction is possible on a disabled item, so no background changes are possible.
* The only exception is the insufficient permission message; in this case, the user is technically still able to click on the click, so the background _can_ change. Begin of the insertion

**Update 27.09.2022:**

End of the insertion Begin of the deletion
End of the deletion * Begin of the insertionThe default width is set to 100%End of the insertion Begin of the deletion There are two variants of tooltip, oneEnd of the deletion with Begin of the insertionright/left margins of 1rem. In each instance the width will be changed independently to fit the design specs (for files list is 17,25rem).
End of the insertion Begin of the deletion a light background and another with a dark grey background.
End of the deletion * The Begin of the insertionbackground colour by default will always be grey. The second option "light blue" will be onlyEnd of the insertion Begin of the deletion blue one isEnd of the deletion used Begin of the insertionwhen there is dark backgrounds or contrast issues (for files list is grey).
* In order to avoid positioning conflicts the triangle arrow will be removed from all tooltips.End of the insertion Begin of the deletion in this case.End of the deletion

Begin of the insertion### Visuals

End of the insertion <img class="op-uc-image op-uc-image_inline" Begin of the insertionsrc="/api/v3/attachments/38870/content">

### Figma

https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/Nextcloud-Integration?node-id=1439%3A66444End of the insertion Begin of the deletion src="/api/v3/attachments/35314/content">End of the deletion