-
Notifications
You must be signed in to change notification settings - Fork 890
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
Add tooltip to help icon #3626
Add tooltip to help icon #3626
Conversation
@@ -328,7 +328,7 @@ class HeaderHelpMenuUI extends Component<Props, State> { | |||
})} | |||
onClick={this.onMenuButtonClick} | |||
> | |||
<EuiIcon type="help" size="m" /> | |||
<EuiIcon type="help" size="m" title="Help" /> |
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.
<EuiIcon type="help" size="m" title="Help" /> | |
<EuiIcon type="help" size="m" title={intl.formatMessage({ | |
id: 'core.ui.chrome.headerGlobalNav.helpMenuButtonTitle', | |
defaultMessage: 'Help menu', | |
})} /> |
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.
Please see comment in main issue: #3573 (comment)
Hi @sayuree, will you be able to make the suggested changes for this PR? |
@abbyhu2000 yes, I am able to finish it. |
size="m" | ||
title={intl.formatMessage({ | ||
id: 'core.ui.chrome.headerGlobalNav.helpMenuButtonTitle', | ||
defaultMessage: 'Help menu', |
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.
defaultMessage: 'Help menu', | |
defaultMessage: 'Help', |
I think the agreed upon text is simply "Help" - @KrooshalUX can you confirm?
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.
It should be Help
, yes.
@sayuree This looks great! Can you also add an update to the |
<EuiIcon | ||
type="menu" | ||
size="m" | ||
title={i18n.translate('core.ui.primaryNav.toggleNavAriaLabel', { |
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.
title={i18n.translate('core.ui.primaryNav.toggleNavAriaLabel', { | |
title={i18n.translate('core.ui.primaryNav.menu', { |
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.
I don't think this should be core.ui.primaryNav.toggleNavAriaLabel
@sayuree Can you also add UI screenshots to show the tooltips on both the help icon and menu icon? Thank you! |
@abbyhu2000 Here are the screenshots: |
@KrooshalUX Screenshots provided. |
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
LGTM, will approve after the tests finish running |
@sayuree There are some snapshot tests that need to be updated: https://github.com/opensearch-project/OpenSearch-Dashboards/actions/runs/4532314219/jobs/8036242750?pr=3626 You can update snapshots via |
Signed-off-by: sabina.zaripova <[email protected]> Add tooltip to menu icon Signed-off-by: sabina.zaripova <[email protected]> Edit tooltip text Signed-off-by: sabina.zaripova <[email protected]> Add updates to CHANGELOG Signed-off-by: sabina.zaripova <[email protected]> Edit title Signed-off-by: sabina.zaripova <[email protected]> Update snapshots Signed-off-by: sabina.zaripova <[email protected]>
Signed-off-by: sabina.zaripova <[email protected]>
@joshuarrrr @abbyhu2000 I have rebased the PR, removed unnecessarily updated snapshots. Tests should approve now. |
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
The backport to
To backport manually, run these commands in your terminal: # Fetch latest updates from GitHub
git fetch
# Create a new working tree
git worktree add ../.worktrees/backport-1.x 1.x
# Navigate to the new working tree
pushd ../.worktrees/backport-1.x
# Create a new branch
git switch --create backport/backport-3626-to-1.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 8b0587e7aa683ebe9a25c4a454ddb117c68d7335
# Push it to GitHub
git push --set-upstream origin backport/backport-3626-to-1.x
# Go back to the original working tree
popd
# Delete the working tree
git worktree remove ../.worktrees/backport-1.x Then, create a pull request where the |
The backport to
To backport manually, run these commands in your terminal: # Fetch latest updates from GitHub
git fetch
# Create a new working tree
git worktree add ../.worktrees/backport-1.3 1.3
# Navigate to the new working tree
pushd ../.worktrees/backport-1.3
# Create a new branch
git switch --create backport/backport-3626-to-1.3
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 8b0587e7aa683ebe9a25c4a454ddb117c68d7335
# Push it to GitHub
git push --set-upstream origin backport/backport-3626-to-1.3
# Go back to the original working tree
popd
# Delete the working tree
git worktree remove ../.worktrees/backport-1.3 Then, create a pull request where the |
The backport to
To backport manually, run these commands in your terminal: # Fetch latest updates from GitHub
git fetch
# Create a new working tree
git worktree add ../.worktrees/backport-2.x 2.x
# Navigate to the new working tree
pushd ../.worktrees/backport-2.x
# Create a new branch
git switch --create backport/backport-3626-to-2.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x --mainline 1 8b0587e7aa683ebe9a25c4a454ddb117c68d7335
# Push it to GitHub
git push --set-upstream origin backport/backport-3626-to-2.x
# Go back to the original working tree
popd
# Delete the working tree
git worktree remove ../.worktrees/backport-2.x Then, create a pull request where the |
* Add tooltip to help icon Signed-off-by: sabina.zaripova <[email protected]> Add tooltip to menu icon Signed-off-by: sabina.zaripova <[email protected]>
* Add tooltip to help icon Signed-off-by: sabina.zaripova <[email protected]> Add tooltip to menu icon Signed-off-by: sabina.zaripova <[email protected]>
* Add tooltip to help icon Signed-off-by: sabina.zaripova <[email protected]> Add tooltip to menu icon Signed-off-by: sabina.zaripova <[email protected]>
* Add tooltip to help icon Signed-off-by: sabina.zaripova <[email protected]> Add tooltip to menu icon Signed-off-by: sabina.zaripova <[email protected]>
* Add tooltip to help icon * Add tooltip to menu icon Signed-off-by: sabina.zaripova <[email protected]> Co-authored-by: sayuree <[email protected]>
* Add tooltip to help icon Add tooltip to menu icon Signed-off-by: sabina.zaripova <[email protected]> Co-authored-by: sayuree <[email protected]>
* Add tooltip to help icon Add tooltip to menu icon Signed-off-by: sabina.zaripova <[email protected]> Co-authored-by: sayuree <[email protected]>
Description
Added tooltip to a Help icon
Issues Resolved
fixes #3573
Check List
yarn test:jest
yarn test:jest_integration
yarn test:ftr