Commit 295fefb2 by Johannes Schill

Tooltip should be able to take up space when used on an absolute positioned element

parent 5d1c5502
...@@ -43,7 +43,7 @@ export class PanelHeaderCorner extends PureComponent<Props> { ...@@ -43,7 +43,7 @@ export class PanelHeaderCorner extends PureComponent<Props> {
<div dangerouslySetInnerHTML={{ __html: remarkableInterpolatedMarkdown }} /> <div dangerouslySetInnerHTML={{ __html: remarkableInterpolatedMarkdown }} />
{panel.links && {panel.links &&
panel.links.length > 0 && ( panel.links.length > 0 && (
<ul> <ul className="text-left">
{panel.links.map((link, idx) => { {panel.links.map((link, idx) => {
const info = linkSrv.getPanelLinkAnchorInfo(link, panel.scopedVars); const info = linkSrv.getPanelLinkAnchorInfo(link, panel.scopedVars);
return ( return (
...@@ -74,7 +74,7 @@ export class PanelHeaderCorner extends PureComponent<Props> { ...@@ -74,7 +74,7 @@ export class PanelHeaderCorner extends PureComponent<Props> {
{infoMode === InfoModes.Info || infoMode === InfoModes.Links ? ( {infoMode === InfoModes.Info || infoMode === InfoModes.Links ? (
<Tooltip <Tooltip
content={this.getInfoContent} content={this.getInfoContent}
className="absolute" className="popper__manager--block"
refClassName={`panel-info-corner panel-info-corner--${infoMode.toLowerCase()}`} refClassName={`panel-info-corner panel-info-corner--${infoMode.toLowerCase()}`}
> >
<i className="fa" /> <i className="fa" />
......
...@@ -88,3 +88,7 @@ ...@@ -88,3 +88,7 @@
.popper__manager { .popper__manager {
display: inline-block; display: inline-block;
} }
.popper__manager--block {
display: block;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment