Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✨ Enhancement: Display Selected Filter Count as Badges on Filter Dropdowns #1447

Open
AQIB-NAWAB opened this issue Mar 3, 2025 · 3 comments · May be fixed by #1479
Open

✨ Enhancement: Display Selected Filter Count as Badges on Filter Dropdowns #1447

AQIB-NAWAB opened this issue Mar 3, 2025 · 3 comments · May be fixed by #1479
Assignees
Labels
✨ Enhancement Indicates that the issue suggests an improvement or new feature. Status: In Progress This issue is being worked on, and has someone assigned.

Comments

@AQIB-NAWAB
Copy link
Contributor

AQIB-NAWAB commented Mar 3, 2025

Is your feature request related to a problem? Please describe

Currently, the filter dropdowns (Language, Tooling Type, Environment, Dialect, and License) do not visually indicate the number of selected filters unless expanded. This makes it difficult for users to quickly see which filters are active.

Proposed Enhancement:
Add a numeric badge next to each filter dropdown to display the count of selected options.
The badge should be small and styled appropriately to blend with the UI.
If no filters are selected, the badge should be hidden.

Benefits:
Enhances user experience by providing a quick overview of active filters.
Reduces the need to expand each dropdown to check selected options.
Improves usability, especially when multiple filters are applied.

Reference:

Image

Describe the solution you'd like

Add a numeric badge next to each filter dropdown to display the count of selected options.
The badge should be small and styled appropriately to blend with the UI.
If no filters are selected, the badge should be hidden.

### Describe alternatives you've considered

No response

Additional context

No response

Are you working on this?

Yes

@AQIB-NAWAB AQIB-NAWAB added Status: Triage This is the initial status for an issue that requires triage. ✨ Enhancement Indicates that the issue suggests an improvement or new feature. labels Mar 3, 2025
@idanidan29
Copy link
Contributor

That looks like a good idea. It would definitely make filtering seem simpler

@AQIB-NAWAB
Copy link
Contributor Author

Hi @benjagm , please assign this issue to me. Thanks

@benjagm benjagm added Status: Available No one has claimed responsibility for resolving this issue. Status: Accepted It's clear what the subject of the issue is about, and what the resolution should be. and removed Status: Triage This is the initial status for an issue that requires triage. labels Mar 5, 2025
@benjagm
Copy link
Collaborator

benjagm commented Mar 7, 2025

@AQIB-NAWAB go ahead. Thanks. Make sure you check the behaviour on mobile as well. Maybe we enable this just for desktop.

@benjagm benjagm added Status: In Progress This issue is being worked on, and has someone assigned. and removed Status: Available No one has claimed responsibility for resolving this issue. Status: Accepted It's clear what the subject of the issue is about, and what the resolution should be. labels Mar 7, 2025
@AQIB-NAWAB AQIB-NAWAB linked a pull request Mar 8, 2025 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Enhancement Indicates that the issue suggests an improvement or new feature. Status: In Progress This issue is being worked on, and has someone assigned.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants