# Feature OP-10754 - Add meaningful tooltips to the most essential actions

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

## 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 | Parimal Satyal |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

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

## Description

**As a** user of OpenProject,  
**I want to** get a helpful tooltip when I hover over icons/buttons   
**so that** I can be more confident as to what clicking on them would accomplish before the fact, instead of having to guess and potentially be confused

### Problem

We are missing meaningful tooltips for users throughout parts of the application. Users would benefit if they could directly get more information by hovering on a button or an icon.

A full review of the application is necessary but until this is realisable at a later date, this feature will add tooltips to the most essential actions that currently don't have them.

### Acceptance criteria

  - Add the following tooltips (in quotes below) to the specified buttons and icons

### Tooltip text

#### Main header

  - Project select: "View all projects" *(em.yml: root -\> label\_project\_view\_all)*
  - Notification center icon: "To notification center" *(em.yml: root -\> mail -\> notification -\> center)*

#### Notification Center

**Toolbar:**

  - Unread toggle: "Show unread" *(js-en.yml: root -\> js -\> notifications -\> facets -\> unread)*
  - All toggle: "Show all" *(en.yml: root -\> timelines -\> outlines -\> all)*

**Notification card:**

  - Mark as read button: "Mark as read" *(js-en.yml: root -\> js -\> notifications -\> center -\> mark\_as\_read)*

#### Work package list

  - Create button: "New work package" *(js-en.yml: root -\> js -\> work\_packages -\> create -\> title)*
  - Include projects: "Include projects" *(js-en.yml: root -\> js -\> include\_projects -\> toggle\_title)*
  - Filter: "Filter work packages" *(en.yml: root -\> timelines -\> filter -\> work\_package\_filters)*
  - Table: "Show table view" (**new**)
      - Card: "Show card view" *(**update** js-en.yml: root -\> js -\> button\_show\_cards)*
      - Gantt: "Show Gantt view" (**new**)
  - i icon: "Open details view" *(js-en.yml: root -\> js -\> button\_open\_details)*
  - Fullscreen icon: "Open fullscreen view" *(js-en.yml: root -\> js -\> button\_open\_fullscreen)*
  - three-dot more icon: "More actions" *(**update** en.yml: root -\> more\_actions)*

#### Work package details/fullscreen view

  - Back button: "Back"

#### Team planner

**Sidebar**

  - Team planner button: "Create new team planner" *(en.yml: root -\> team\_planner -\> label\_create\_new\_team\_planner)*

**Main view**

  - Add existing: "Add existing work packages" (**new,** full version of "add existing")

**Toolbar**

  - Include projects: "Include projects" *(js-en.yml: root -\> js -\> include\_projects -\> toggle\_title)*
  - three-dot more icon: "More actions" *(**update** en.yml: root -\> more\_actions)*