ai-cfia / fertiscan-frontend

This repository is for the frontend of the project react
MIT License
1 stars 0 forks source link

As a user, I want to see a tooltip of the related field name when I hover on a section of the progress bar. #90

Open Endlessflow opened 1 week ago

Endlessflow commented 1 week ago

Context:

Currently, users find it challenging to understand which sections of the progress bar correspond to specific sections of the form. To enhance user experience, especially on desktop devices, we propose adding a tooltip feature. This tooltip will display the name of the related form field when the user hovers over a section of the progress bar. We will need to explore an alternative solution for tablets to ensure a seamless experience across all devices.

Acceptance Criteria:

  1. Tooltip Appearance:

    • When a user hovers over a section of the progress bar, a tooltip should appear (potentially after a brief delay e.g., 0.5 seconds).
    • The tooltip should display the name of the related form field.
  2. Design Specifications:

    • The tooltip should be visually distinct and easily readable.
    • The tooltip should not obscure important content on the screen.
    • The appearance (font size, color, background, etc.) should be consistent with the overall design of the form.
  3. Functionality:

    • The tooltip should appear only when the user hovers over a section of the progress bar.
    • The tooltip should disappear when the user moves the cursor away from the progress bar.