IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

@grafana/ui: EditorField tooltip interactive (#56557)

Browse Source
This commit is contained in:
Andres Martinez Gotor 2022-10-11 10:19:37 +02:00 committed by GitHub
parent 1b7e31cd27
commit 8d9da34827
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/grafana-ui/src/components/QueryEditor/EditorField.tsx
View File

@ -17,10 +17,11 @@ interface EditorFieldProps extends ComponentProps<typeof Field> {
width?: number | string;
optional?: boolean;
tooltip?: PopoverContent;
tooltipInteractive?: boolean;
}
export const EditorField: React.FC<EditorFieldProps> = (props) => {
const { label, optional, tooltip, children, width, ...fieldProps } = props;
const { label, optional, tooltip, tooltipInteractive, children, width, ...fieldProps } = props;
const theme = useTheme2();
const styles = getStyles(theme, width);
@ -34,7 +35,7 @@ export const EditorField: React.FC<EditorFieldProps> = (props) => {
{label}
{optional && <span className={styles.optional}> - optional</span>}
{tooltip && (
<Tooltip placement="top" content={tooltip} theme="info">
<Tooltip placement="top" content={tooltip} theme="info" interactive={tooltipInteractive}>
<Icon name="info-circle" size="sm" className={styles.icon} />
</Tooltip>
)}