Remove custom tooltips - Githubissues

rnair-tw commented 9 months ago

User Story

As an intake specialist I only want to see tooltips that help me navigate the system better So that I do not get confused by unnecessary tooltips

Business Context:

The current tooltips in the system are not user friendly and pretty confusing. We therefore want to remove all the custom tool tips created in the system (leaving anything that it out of the box).

Example of existing behavior:

In Scope

Remove all custom tooltips across the system
Leave any MUI tooltips intact, do not change existing behavior

Out of Scope

Open Questions

Mockups

Acceptance Criteria

Scenario: Given I am in any page in the Complaint Manager When I hover over any text, field, system dialog Then there should not be any custom tooltips that pop up
Scenario: Given When Then

Notes

Checklist

Kickoff

[x] We have we indicated which organizations and user permissions require this
[x] We have indicated whether we have any dependancies to other cards/work
[x] We have indicated which environment this can be tested in
[x] We have included a mockup if this is design related
[x] We have included clear ACs to test it
[x] We have estimated the story

Deskcheck

[x] This work has been demoed in CI (or higher) and led by the dev pair who worked on this card
[x] We have run through and passed all the ACs
[x] Our documentation has been updated
[x] Our onboarding checklist has been updated

rnair-tw commented 9 months ago

Considered a Normal bug and to prioritize this

claireholt-tw commented 8 months ago

Make note of all places the custom tooltips appear if outside create case dialogue

faraakhatTW commented 7 months ago

We remove from CreateCaseDialog component PaperProps props from MUI Dialog. This solved our custom tooltip bug. Here is the information on PaperProps and why it was used for Dialogs custom tooltip: 👇🏼

Details

Adding a title in PaperProps would add a title attribute to the underlying Paper component in the DOM. The title attribute is standard HTML and is used to provide additional "tooltip" information. When the mouse moves over the element with a title attribute, a small box pops up with the description text.