[FEATURE] The topics section in search can be transformed into a dropdown section in mobile view

EddieHubCommunity / BioDrop

Connect to your audience with a single link. Showcase the content you create and your projects in one place. Make it easier for people to find, follow and subscribe.

https://biodrop.io

5.75k stars 3.99k forks source link

[FEATURE] The topics section in search can be transformed into a dropdown section in mobile view #10306

Open joydityapaul opened 3 months ago

joydityapaul commented 3 months ago

Is this a unique feature?

[X] I have checked "open" AND "closed" issues and this is not a duplicate

Is your feature request related to a problem/unavailable functionality? Please describe.

The complete 'topics' section looks a little cramped up when in the mobile view. Please find the attached SS for your reference.

Proposed Solution

My suggestion is it can be transformed into a drop down section to improve the UX.

Screenshots

Before

After

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

Inside ./pages/search.js, the section between line 225-240 has to be passed inside a dropdown input type tag

github-actions[bot] commented 3 months ago

To reduce notifications, issues are locked until they are https://github.com/EddieHubCommunity/BioDrop/labels/%F0%9F%8F%81%20status%3A%20ready%20for%20dev and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

amandamartin-dev commented 2 months ago

This would make the experience differ from desktop to mobile by not using tags on mobile. It will also make multi-search more cumbersome imo. I will open for discussion so others can weigh in as well.

Anohter potential path is to limit the amount of tags shown in a responsive manner so the experience is the same throughout viewports.

Abiheb commented 2 months ago

Perhaps we can explore a combination of these approaches? We could limit the initial tag display and then offer a "Show More" button that expands into a dropdown menu for full selection. This would balance discoverability with a cleaner interface.