# Feature OP-10792 - Use a disabled mouse style and tooltip for inactive files

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

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 12.3.0 |
| Sprint | 12.3.0 |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module |  |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Accessibility | No |

## People

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

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

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)
      - 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.

**Update 27.09.2022:**

  - The default width is set to 100% with right/left margins of 1rem. In each instance the width will be changed independently to fit the design specs (for files list is 17,25rem).
  - The background colour by default will always be grey. The second option "light blue" will be only used when 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.

### Visuals

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

### Figma

<https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/Nextcloud-Integration?node-id=1439%3A66444>