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

feat(dashboard): lighter red for 0 errors #319

Merged
merged 1 commit into from
Sep 19, 2024

Conversation

lucasbracher
Copy link
Collaborator

@lucasbracher lucasbracher commented Sep 18, 2024

Improves visibility of zeroed errors.

Before After
image image

Closes #316

@lucasbracher lucasbracher force-pushed the feat/316_clearer_red_on_zero_errors branch 2 times, most recently from db68aec to b6c576a Compare September 19, 2024 13:43
Comment on lines 43 to 47
const clearerCircles =
quantity == 0 &&
(tooltipText == 'global.failed' || tooltipText == 'global.inconclusive')
? 'bg-opacity-20'
: '';
Copy link
Collaborator

Choose a reason for hiding this comment

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

Maybe we can put this behavior in every circle not just for failed or inconclusive IMO that will improve consistency

Copy link
Collaborator

@lfjnascimento lfjnascimento Sep 19, 2024

Choose a reason for hiding this comment

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

If we can't, create a fadeOnEmpty prop for the component as tooltipText is not a suitable value for this.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I think the same, but ticket's title is clear.

@lucasbracher
Copy link
Collaborator Author

Got back to 40% opacity because %20 was harder in order to distinct gray and lighest red:

On 20% opacity:

image

On 40% opacity:

image

@lucasbracher lucasbracher force-pushed the feat/316_clearer_red_on_zero_errors branch from b6c576a to 96c292c Compare September 19, 2024 14:36
@lucasbracher lucasbracher merged commit 96c292c into main Sep 19, 2024
5 checks passed
@WilsonNet WilsonNet deleted the feat/316_clearer_red_on_zero_errors branch October 24, 2024 16:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Use lighter color for zero'ed circle statuses (Failed and Inconclusive only)
3 participants