Interaction to show/hide tags using info icon
Product : Universal file holder for a large enterprise
Situation : Navigation side bar with unnecessary file details
The files are tagged so they can be filtered. However, we already have those as filter options. The picture below shows how the tags eat up a lot of vertical space.
The stakeholders are unsure about their importance right now. And to be honest, user testing suggests that they are in a kind of blind spot, so I would like to hide them to begin with. So, hiding them under an info icon does not seem to be an outrageous idea.
However, now I'm unsure about the interaction. Should I show and hide at the exact spot? They could show up on hover on desktop (Desktop view below) but how would I show them on mobile?