mirror of
https://github.com/elastic/kibana.git
synced 2025-06-27 18:51:07 -04:00
[ES|QL] Adds a tooltip at the quick reference icon (#225477)
## Summary Adds a tooltip at the Quick reference icon, all the other icons have one already <img width="426" alt="image" src="https://github.com/user-attachments/assets/667703cf-c85a-4b27-853e-696d5927f9a3" />
This commit is contained in:
parent
868a4657ee
commit
b7e5336370
1 changed files with 14 additions and 6 deletions
|
@ -16,6 +16,7 @@ import {
|
|||
EuiCode,
|
||||
EuiButtonIcon,
|
||||
EuiButtonEmpty,
|
||||
EuiToolTip,
|
||||
} from '@elastic/eui';
|
||||
import { Interpolation, Theme, css } from '@emotion/react';
|
||||
import { useKibana } from '@kbn/kibana-react-plugin/public';
|
||||
|
@ -305,13 +306,20 @@ export const EditorFooter = memo(function EditorFooter({
|
|||
/>
|
||||
)}
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiButtonIcon
|
||||
iconType="documentation"
|
||||
onClick={toggleLanguageComponent}
|
||||
aria-label={i18n.translate('esqlEditor.query.documentationAriaLabel', {
|
||||
defaultMessage: 'Open documentation',
|
||||
<EuiToolTip
|
||||
position="top"
|
||||
content={i18n.translate('esqlEditor.query.quickReferenceLabel', {
|
||||
defaultMessage: 'Quick reference',
|
||||
})}
|
||||
/>
|
||||
>
|
||||
<EuiButtonIcon
|
||||
iconType="documentation"
|
||||
onClick={toggleLanguageComponent}
|
||||
aria-label={i18n.translate('esqlEditor.query.documentationAriaLabel', {
|
||||
defaultMessage: 'Open documentation',
|
||||
})}
|
||||
/>
|
||||
</EuiToolTip>
|
||||
</EuiFlexItem>
|
||||
<KeyboardShortcuts />
|
||||
</EuiFlexGroup>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue