Open Bug 1377887 Opened 3 years ago Updated 4 months ago

Ability to select multiple filters/entities should be more intuitive

Categories

(Webtools :: Pontoon, enhancement, P3)

enhancement

Tracking

(Not tracked)

ASSIGNED

People

(Reporter: flod, Assigned: MonikaMaheshwari, Mentored)

Details

Attachments

(1 file)

Currently, when hovering one of the filters (e.g. "Has Suggestions"), the text changes color but there's no indication that the icon can work as a checkbox.

When hovering the icon, it transforms into a check mark.

I think it would be more intuitive to:
* Transform the icon into an unselected checkbox when hovering the text. Click on the text will select the filter directly, which might be a bit confusing, but it's a hint that the icon can do more.
* Transform the icon into a selected checkbox when hovering the icon itself.

Strings already have an icon that resembles a checkbox, maybe it should turn into a more empty checkbox on hover (i.e. only colored border, not full rectangle).
Priority: -- → P3
Summary: Search filters selection should be more intuitive → Ability to select multiple filters/entities should be more intuitive

Let's indeed turn filter icons into regular squares when hovering the text of the filter item.

Assignee: nobody → vee27mm
Status: NEW → ASSIGNED

(In reply to Matjaz Horvat [:mathjazz] from comment #1)

Let's indeed turn filter icons into regular squares when hovering the text of the filter item.

i was trying to find the filter button in pontoon i seem that i cant locate it can you help with that

The filter icon is the "funnel" located in front of the "Search in All" placeholder in the translate view, e.g.:
http://localhost:8000/projects/tutorial/playground/

You can read more about how filters work in the docs:
https://mozilla-l10n.github.io/localizer-documentation/tools/pontoon/search_filters.html#filters

The idea of the bug is to change the icon into a square one you hover over filter item, making it more obvious that the icons act as checkboxes for selecting multiple filters.

Thank you now i understand, in which component is the icon located? as in which file in the source code?

I would like to work on this issue :)

Hi Justine, because this has been stalled for a while now, I'm assigning it to Monika. If you want to continue working on Pontoon, please let us know and we'll find you another bug.

Assignee: vee27mm → monikamaheshwari1996
Mentor: m
You need to log in before you can comment on or make changes to this bug.