Minor UI improvements for recommended filters

Created on 28 June 2022, over 2 years ago
Updated 31 May 2023, over 1 year ago

Problem/Motivation

The default order of the recommended filters is "Maintained" and "Covered by sec policy", but the icons against the projects are the other way around.

The filter toggle functionality is not clear. It took me a minute to work out what the "Scottish flags" were.

Steps to reproduce

Normal usage of (awesome - great work team) Project Browser.

Proposed resolution

It would be great to have the filters the same order as the icons. Stretch goal: include a small version of the icons within the filter in lieu of a key.

Add hover state (micro animation or tooltip) to (X) button on filter. It's quite a small area to click, so consider extending clickable area out to the whole button if that doesn't break UI elsewhere perhaps.

Remaining tasks

  • ✅ File an issue about this project
  • ☐ Manual Testing
  • ☐ Code Review
  • ☐ Accessibility Review
  • ☐ Automated tests needed/written?
🐛 Bug report
Status

Fixed

Version

1.0

Component

User experience

Created by

🇬🇧United Kingdom dunx

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024