New user UI tour enhancements
The new user tour is currently too long and has some minor bugs. It should be condensed, cleaned up and improved.
These could be turned into sub-tasks if interested
- Make the first message on the tour more obvious. It currently blends into the top left corner, potentially make it centered
- Give visual indication that actions are disabled because the tour is active. A number of things you can normally click on are disabled during the tour. There is no visual indication that they're disabled because of the tour, causing user frustration. We should give some feedback to the user, it could be in the form of a tooltip at the bottom of the screen or a visual shake of the tour window. For example, try to click open a course during the first or second step of the tour.
- The tour sections related to the expanded course need to be improved. 1. There shouldn't be so many steps. 2. The first message get's in the way of the card. 3. The step saying "Close this popup by clicking outside" isn't clear on what to click outside of. Wording should be improved or some other solution to that step.
Note: Feel free to use a different tour library if you find a better one