Changed positioning attributes to ToolTip Anchor

Signed-off-by: Dan Dong <danieldong51@gmail.com> (cherry picked from commit 5dbce93)
opensearch-project · Jul 27, 2024 · 9f7661f · 9f7661f
1 parent afb2ed9
commit 9f7661f
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/...lugins/vis_type_vislib/public/vislib/components/legend/__snapshots__/legend.test.tsx.snap b/...lugins/vis_type_vislib/public/vislib/components/legend/__snapshots__/legend.test.tsx.snap
diff --git a/src/plugins/vis_type_vislib/public/vislib/components/legend/_legend.scss b/src/plugins/vis_type_vislib/public/vislib/components/legend/_legend.scss
@@ -8,9 +8,6 @@ $visLegendLineHeight: $euiSize;
 
 .visLegend__toggle {
   border-radius: $euiBorderRadius;
-  position: absolute;
-  bottom: 0;
-  left: 0;
   display: flex;
   padding: $euiSizeXS;
   background-color: $euiColorEmptyShade;
@@ -24,6 +21,12 @@ $visLegendLineHeight: $euiSize;
   }
 }
 
+.visLegend__toggleTooltipAnchor {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
 .visLegend__toggle--isOpen {
   background-color: transparentize($euiColorDarkestShade, 0.9);
   opacity: 1;

diff --git a/src/plugins/vis_type_vislib/public/vislib/components/legend/legend.tsx b/src/plugins/vis_type_vislib/public/vislib/components/legend/legend.tsx
@@ -265,7 +265,12 @@ export class VisLegend extends PureComponent<VisLegendProps, VisLegendState> {
 
     return (
       <div className="visLegend">
-        <EuiToolTip content={label} delay="long" position="bottom">
+        <EuiToolTip
+          anchorClassName="visLegend__toggleTooltipAnchor"
+          content={label}
+          delay="long"
+          position="bottom"
+        >
           <button
             type="button"
             onClick={this.toggleLegend}