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,
|
EuiCode,
|
||||||
EuiButtonIcon,
|
EuiButtonIcon,
|
||||||
EuiButtonEmpty,
|
EuiButtonEmpty,
|
||||||
|
EuiToolTip,
|
||||||
} from '@elastic/eui';
|
} from '@elastic/eui';
|
||||||
import { Interpolation, Theme, css } from '@emotion/react';
|
import { Interpolation, Theme, css } from '@emotion/react';
|
||||||
import { useKibana } from '@kbn/kibana-react-plugin/public';
|
import { useKibana } from '@kbn/kibana-react-plugin/public';
|
||||||
|
@ -305,13 +306,20 @@ export const EditorFooter = memo(function EditorFooter({
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<EuiFlexItem grow={false}>
|
<EuiFlexItem grow={false}>
|
||||||
<EuiButtonIcon
|
<EuiToolTip
|
||||||
iconType="documentation"
|
position="top"
|
||||||
onClick={toggleLanguageComponent}
|
content={i18n.translate('esqlEditor.query.quickReferenceLabel', {
|
||||||
aria-label={i18n.translate('esqlEditor.query.documentationAriaLabel', {
|
defaultMessage: 'Quick reference',
|
||||||
defaultMessage: 'Open documentation',
|
|
||||||
})}
|
})}
|
||||||
/>
|
>
|
||||||
|
<EuiButtonIcon
|
||||||
|
iconType="documentation"
|
||||||
|
onClick={toggleLanguageComponent}
|
||||||
|
aria-label={i18n.translate('esqlEditor.query.documentationAriaLabel', {
|
||||||
|
defaultMessage: 'Open documentation',
|
||||||
|
})}
|
||||||
|
/>
|
||||||
|
</EuiToolTip>
|
||||||
</EuiFlexItem>
|
</EuiFlexItem>
|
||||||
<KeyboardShortcuts />
|
<KeyboardShortcuts />
|
||||||
</EuiFlexGroup>
|
</EuiFlexGroup>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue