Fixes #9945

Note on DCO:

If the DCO action in the integration test fails, one or more of your commits are not signed off. Please click on the Details link next to the DCO action for instructions on how to resolve this.

Checklist:

[x] Either (a) I've created an enhancement proposal and discussed it with the community, (b) this is a bug fix, or (c) this does not need to be in the release notes.
[x] The title of the PR states what changed and the related issues number (used for the release note).
[x] I've included "Closes [ISSUE #]" or "Fixes [ISSUE #]" in the description to automatically close the associated issue.
[ ] I've updated both the CLI and UI to expose my feature, or I plan to submit a second PR with them.
[ ] Does this PR require documentation updates?
[ ] I've updated documentation as required by this PR.
[ ] Optional. My organization is added to USERS.md.
[x] I have signed off all my commits as required by DCO
[ ] I have written unit and/or e2e tests for my change. PRs without these are unlikely to be merged.
[ ] My build is green (troubleshooting builds).

Jul 17 '22 08:07 Marvin9

Codecov Report

Base: 45.76% // Head: 45.76% // No change to project coverage :thumbsup:

Coverage data is based on head (bac975a) compared to base (49487ea). Patch has no changes to coverable lines.

Additional details and impacted files

@@           Coverage Diff           @@
##           master   #10016   +/-   ##
=======================================
  Coverage   45.76%   45.76%           
=======================================
  Files         236      236           
  Lines       28529    28529           
=======================================
  Hits        13055    13055           
  Misses      13669    13669           
  Partials     1805     1805

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

:umbrella: View full report at Codecov.
:loudspeaker: Do you have feedback about the report comment? Let us know in this issue.

Jul 17 '22 08:07 codecov[bot]

Thanks, @Marvin9!

What if, instead of darkening the "active" buttons and adding a small green checkmark, we just added a proper square checkbox to the left of each icon (inside the button) which will become checked when activated.

That would allow these boxes to remain "bright" (not confusing them with the darker "action" buttons) and very clearly mark them as either active or inactive.

Jul 20 '22 19:07 crenshaw-dev

Thanks for the suggestion @crenshaw-dev. I will change the design

Jul 21 '22 11:07 Marvin9

With new changes

https://user-images.githubusercontent.com/17699717/180642781-1f7a7334-f36c-49f3-8977-0b394ffcdb10.mov

Jul 24 '22 10:07 Marvin9

I like it! Will wait for UI folks to weigh in. :-)

Jul 25 '22 18:07 crenshaw-dev

Thanks @crenshaw-dev. Can you please mention here who should review and approve?

Jul 28 '22 10:07 Marvin9

Added @rbreeze as a review. Remington, feel free to punt to another UI-capable person. :-)

Jul 29 '22 17:07 crenshaw-dev

Thanks for the suggestion @rbreeze. The reason to avoid dark colour for toggles is that it confuses with static dark buttons (eg. copy, download). As soon as both groups have same color (darker one), they seem to loose the context, unless they have checkbox. Let me know what you think on it.

Aug 04 '22 18:08 Marvin9

Fwiw, I agree that option 2 is slightly better, but I'm happy with the current improvement over the previous state.

Sep 28 '22 00:09 jsoref

fix: button consistency in logs panel #9945

Codecov Report