Fix scrolling instead of selection Create a shared scroll bar
As can be seen here: https://projects.invisionapp.com/d/main#/console/14789607/321835827/preview and here: https://projects.invisionapp.com/d/main#/console/14789607/316755903/preview there is a side navigation scroll bar. This component is implement in the app in different ways. They should be removed a replaced with a new, shared component that
- is sticky and stays in the same position when the user scrolls
- has dynamic scrolling: While the user scrolls the styling of current position of the user should be changed (as it can be seen in the screens above)
- has filtering: Whenever the user clicks on an element of the side navbar, the content of the page should be updated to match the filtering criteria of the user.
- click to the selected filter to remove it: If the user has selected a filter and wants to remove the filtering, he should click on the selected element and the filtering should be removed. e.g. He is in the Course Registration and has filtered the courses of the 1st Semester, if he clicks on "1st Semester" the filtering should be removed and he should now see all the available courses.
- styling should match the criteria of the UX team (screens above)
Edited by Stella Rouzi