diff --git a/public/app/core/components/Tooltip/Popper.tsx b/public/app/core/components/Tooltip/Popper.tsx index 164584ea746..25a71c04500 100644 --- a/public/app/core/components/Tooltip/Popper.tsx +++ b/public/app/core/components/Tooltip/Popper.tsx @@ -6,22 +6,24 @@ interface Props { show: boolean; placement?: any; content: string | ((props: any) => JSX.Element); + refClassName?: string; } class Popper extends PureComponent { render() { - const { children, renderContent, show, placement } = this.props; + const { children, renderContent, show, placement, refClassName } = this.props; const { content } = this.props; - const modifiers = { - flip: { enabled: false }, - preventOverflow: { enabled: false }, - hide: { enabled: false }, - }; return ( - {({ ref }) =>
{children}
}
+ + {({ ref }) => ( +
+ {children} +
+ )} +
{show && ( - + {({ ref, style, placement, arrowProps }) => { return (
diff --git a/public/app/core/components/Tooltip/withPopper.tsx b/public/app/core/components/Tooltip/withPopper.tsx index b729c7cc3a4..519b62344bb 100644 --- a/public/app/core/components/Tooltip/withPopper.tsx +++ b/public/app/core/components/Tooltip/withPopper.tsx @@ -8,11 +8,13 @@ export interface UsingPopperProps { placement?: string; content: string | ((props: any) => JSX.Element); className?: string; + refClassName?: string; } interface Props { placement?: string; className?: string; + refClassName?: string; content: string | ((props: any) => JSX.Element); } diff --git a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx index 32f3041bba5..48d1f1671cf 100644 --- a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx +++ b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx @@ -45,11 +45,13 @@ export class PanelHeader extends PureComponent { return (
{panel.description && ( - - - - - + + + )} {isLoading && ( diff --git a/public/sass/utils/_utils.scss b/public/sass/utils/_utils.scss index 3121a6f0c00..c8abd696f04 100644 --- a/public/sass/utils/_utils.scss +++ b/public/sass/utils/_utils.scss @@ -78,3 +78,7 @@ button.close { .d-inline-block { display: inline-block; } + +.absolute { + position: absolute; +}