DevCom-IITB/ResoBin

UI for displaying course tags in course list

Opened this issue · 6 comments

When the list of courses is displayed on the web the course tags ("Theory", "Core") etc are displayed as a vertical scroll list. It is not intuitive for users to figure out whether there is the tag that they are looking for in there)
image

we can put a scroll bar beside them, something like,
Screenshot 2023-12-06 at 9 36 11 PM

The scroll bar does not look aesthetically good. We are looking for a solution where there isn't a need for scrolling. For example if it is zoomed out then you see all the tags together.
image

Put them between Title and Description as a horizontal list

@relaxxpls @vk0812
I have tried to implement the above. Is this what we expect?

tags

@AWorldOfMysteries Add a little bit of margin top bottom so that it doesn't look too cluttered

This is the final view:
Screenshot from 2024-01-17 19-15-50