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

Filter Component UI fixes #1230

Merged
merged 4 commits into from
Mar 7, 2023
Merged

Filter Component UI fixes #1230

merged 4 commits into from
Mar 7, 2023

Conversation

jagabomb
Copy link
Contributor

@jagabomb jagabomb commented Mar 3, 2023

Description

Minor inconsistencies were happening with the Filter component. Here is a list of issues:

  1. The last Filter component in a row was not aligned to the right hand-side of the Critical component. Also spacing between the component seemed to be too close.
  2. The Clear icon was showing up in the default state of the filter and should only appear once the Filter has one or more values selected.

Screenshot 2023-03-03 at 09 29 19

Below are screenshots of the fixes made:

Default State
Screenshot 2023-03-03 at 10 26 41

Filter Value Set State
Screenshot 2023-03-03 at 10 26 53

Lastly, a hover state (background colour of light gray) has also now been added to the Filter.
Screenshot 2023-03-03 at 10 30 58

How was this tested?

Visually

@jagabomb jagabomb added bug Something isn't working ux labels Mar 3, 2023
Copy link
Member

@EMaksy EMaksy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great Job, your pr and trento web looks good to me.

Copy link
Contributor

@arbulu89 arbulu89 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

@rtorrero
Copy link
Contributor

rtorrero commented Mar 7, 2023

@jagabomb great :-)! When I originally "fixed" this, it broke the alignment for the cluster settings buttons and header. I quickly deployed your PR to check it and it seems it's perfect now. Thanks!

Copy link
Contributor

@rtorrero rtorrero left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@arbulu89 arbulu89 merged commit 70695bc into main Mar 7, 2023
@arbulu89 arbulu89 deleted the filter-ui-fixes branch March 7, 2023 14:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working ux
Development

Successfully merging this pull request may close these issues.

5 participants