Content
View differences
Updated by Parimal Satyal over 3 years ago
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)
* 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.
* 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.
* There are two variants of tooltip, one with a light background and another with a dark grey background.
* The blue one is used in this case.
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/35314/content">
### **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)
* 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.
* 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.
* There are two variants of tooltip, one with a light background and another with a dark grey background.
* The blue one is used in this case.