[LEBV-394] Information tooltip
🎯 Summary
The goal is to provide a help tooltip to users in every step so that they know what they have to do.
- Desktop
- Mobile device
🧪 How to test
Launch the Lebara-Video environment
- Run in a terminal the branch 'develop' in the lebara-video-deployment project.
- Execute
docker-compose -f docker-compose-backend-mock.yml up.
Launch the onboarding-frontend
- Run in a terminal the branch 'LEBV-394_tooltip' in the lebara-onboarding-frontend project.
- Run the project.
- Open in one tab
http://localhost:4200/?msisdn=015166804082&iccid=1847. - In the headers titles you should see something similar to the attached images.
🧠 Considerations
- Tooltip will be displayed if the user remains inactive for 30 seconds
- There will be only one information tooltip for each step
- On mobile devices tooltip will be shown as a modal notification to avoid design problems
🧐 Checklist
- Changes work in Google Chrome
- Changes work in Safari
- UI is responsive