# Feature OP-10760 - Hide time stamp and avatar when there are hover actions 

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

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

**As** a user  
**I want to** see clearly the actions I can perform in a File  
**so that** I don't get disturbed by other details besides the actions

**Acceptance criteria**

  - While hovering the files element in the list the hover actions appear on top of the time stamp and avatar and this two are hidden (not hovered with the gradient anymore).
  - ~~In case of a really long name of a file the current gradient implementation is still valuable as it will avoid the name to collide with the hover action.~~
  - The current implementation with a gradient is not used anymore (only a grey space around the floating actions) and in case of a really long name of a file the name will wrap just before arriving to the floating action. While no hover the name will wrap just before the time stamp.   
    NOTE: For reference, this pattern is used in Gmail.

#### Visuals

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