فهرست منبع

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

Johannes Schill 7 سال پیش
والد
کامیت
295fefb2dc
2فایلهای تغییر یافته به همراه6 افزوده شده و 2 حذف شده
  1. 2 2
      public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx
  2. 4 0
      public/sass/components/_popper.scss

+ 2 - 2
public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx

@@ -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> {
         {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" />

+ 4 - 0
public/sass/components/_popper.scss

@@ -88,3 +88,7 @@
 .popper__manager {
 .popper__manager {
   display: inline-block;
   display: inline-block;
 }
 }
+
+.popper__manager--block {
+  display: block;
+}