Skip to content

Commit

Permalink
Changed positioning attributes to ToolTip Anchor
Browse files Browse the repository at this point in the history
Signed-off-by: Dan Dong <danieldong51@gmail.com>
  • Loading branch information
danieldong51 committed Jul 26, 2024
1 parent 5a849b0 commit 5dbce93
Show file tree
Hide file tree
Showing 3 changed files with 14 additions and 6 deletions.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,6 @@ $visLegendLineHeight: $euiSize;

.visLegend__toggle {
border-radius: $euiBorderRadius;
position: absolute;
bottom: 0;
left: 0;
display: flex;
padding: $euiSizeXS;
background-color: $euiColorEmptyShade;
Expand All @@ -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;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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}
Expand Down

0 comments on commit 5dbce93

Please sign in to comment.