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

New filters: improvements #5990

Open
9 tasks
Nico-Kestra opened this issue Nov 19, 2024 · 0 comments
Open
9 tasks

New filters: improvements #5990

Nico-Kestra opened this issue Nov 19, 2024 · 0 comments
Assignees
Labels
area/frontend Needs frontend code changes enhancement New feature or request

Comments

@Nico-Kestra
Copy link
Member

Feature description

Results

  • In general, as soon as a filter is selected, the page should automatically filter without needing to click the magnifying glass.
    In the end, the magnifying glass is rarely used, but it serves to indicate that it’s a search bar. Maybe it shouldn’t look like a button and could be greyed out.
Capture d’écran 2024-11-19 à 14 18 11
  • When I make a search, I should be able to search for the typed word without having to select the suggested filter.
Capture d’écran 2024-11-19 à 13 56 20

Here’s a suggestion: The first results are the filters, and at the end, the searched keyword with a magnifying glass icon.
The first result should always be pre-selected so that the user can directly press "Enter."

👇

Capture d’écran 2024-11-19 à 13 56 23

Buttons

  • The buttons next to the search bar on the right add complexity to the readability.
  • I would position the "Save" button in the bar only when filters are selected.
  • I would add a "Clear All" button when filters are selected in the search bar.
  • I would separate the search bar from the two refresh buttons.
  • I'm a bit unsure about the "Show Chart" button, maybe move it with the refresh buttons and use a chart icon.
Capture d’écran 2024-11-19 à 13 59 56

👇

Capture d’écran 2024-11-19 à 14 07 44

Design refinement.

  • Tag filter: Is it possible to add a separation between the elements and remove the purple? The desired result would be in a different shade of gray.
Capture d’écran 2024-11-19 à 14 10 19

👇

Capture d’écran 2024-11-19 à 14 10 20
  • Color border when i use the search: In purple
Capture d’écran 2024-11-19 à 14 14 00

👇

Capture d’écran 2024-11-19 à 14 12 23
@Nico-Kestra Nico-Kestra added area/backend Needs backend code changes enhancement New feature or request area/frontend Needs frontend code changes labels Nov 19, 2024
@github-project-automation github-project-automation bot moved this to Backlog in Issues Nov 19, 2024
@MilosPaunovic MilosPaunovic removed the area/backend Needs backend code changes label Nov 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend Needs frontend code changes enhancement New feature or request
Projects
Status: Backlog
Development

No branches or pull requests

2 participants