-
Notifications
You must be signed in to change notification settings - Fork 115
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
Improve active icon states #915
Conversation
…toggle like action Signed-off-by: Cvetanka <[email protected]>
… be represented only by the icon color Signed-off-by: Cvetanka <[email protected]>
Signed-off-by: Cvetanka <[email protected]>
Signed-off-by: Cvetanka <[email protected]>
Signed-off-by: Cvetanka <[email protected]>
Signed-off-by: Cvetanka <[email protected]>
…prove-active-icon-states Signed-off-by: Tynan DeBold <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This looks great. I'm approving straight away with just one small comment about a coding style I try to follow within the project.
@@ -42,6 +42,7 @@ export const ExperimentPrimaryToolbar = ({ | |||
labelText={`${selectedRunData?.bookmark ? 'Unbookmark' : 'Bookmark'}`} | |||
onClick={() => toggleBookmark()} | |||
visible={!enableComparisonView} | |||
active={selectedRunData?.bookmark} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit (coding style): I try to advise us to alphabetically sort component props, and also when destructuring and even CSS styles, where applicable. It makes readability easier when you know there's an order to things. There's a great VSCode extension that makes this easy, and would assume there's ways to do this in other IDEs as well.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks, I will update it.
Signed-off-by: Cvetanka <[email protected]>
…ro-viz into improve-active-icon-states Signed-off-by: Cvetanka <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍
…ro-viz into improve-active-icon-states Signed-off-by: Cvetanka <[email protected]>
Signed-off-by: Cvetanka <[email protected]>
Description
Resolves #902
Development notes
Added active status for icons that represent a "toggle like action":
QA notes
Tested locally on dark and light theme.
Checklist
RELEASE.md
file