nextcloud / nextcloud/deck

Move 'clear filter' button to the top of the filter menu

Open
#3,994 1 comment 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

design enhancement feature: filter
Dominant language
JavaScript
Stars
1.4k
Forks
354
Avg merge
1d 10h
Merged PRs (30d)
43

Description

Feature

When I have a filter active, and I want to clear it, I have to go to click the filter button. The filter menu drops down. Currently the 'clear filter' menu option is at the bottom of the menu. Sometimes I have to scroll to get to the button (when there are many filter options). This 'clear filter' menu option might be the most used button in the filter menu. So in my opinion the button should be at the top.

Reproduce steps (use case)
  • Select a board on the left navigation pane (the best is to use a board with many cards, tags and users)
  • Use the filter button to filter cards (for example a tag, user or date)
  • Clear the filter: click the filter button, go to the bottom menu item 'clear filter' and click it
Easy solution

Move the button to the top of the menu (change the UI).

Now:
image

Suggested:
image

A prettier solution

The Trello filter menu button shows the number of filtered items in the menu caption (in this case there are 12 items filtered). Next to that there is a cross (X) to clear the filter. The number and the cross are only there when the filter is active.
image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the filter button and filter menu described in the reproduction steps, then inspect the frontend entry point that renders the menu. Move the existing “clear filter” option to the top and verify it remains available when a filter is active, including on boards with many filter options.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.