Archive-Team
/
sonarr-repo-only
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use popper placement for tooltip arrow

This commit is contained in:
Mark McDowall 2019-04-28 01:06:19 -07:00
parent 5c2cb4de80
commit 949d764638
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/Components/Tooltip/Tooltip.js
View File

@ -94,6 +94,8 @@ class Tooltip extends Component {
<Portal> <Portal>
<Popper <Popper
placement={position} placement={position}
// Disable events to improve performance when many tooltips
// are shown (Quality Definitions for example).
eventsEnabled={false} eventsEnabled={false}
modifiers={{ modifiers={{
preventOverflow: { preventOverflow: {
@ -103,7 +105,7 @@ class Tooltip extends Component {
} }
}} }}
> >
{({ ref, style, scheduleUpdate }) => { {({ ref, style, placement, scheduleUpdate }) => {
this._scheduleUpdate = scheduleUpdate; this._scheduleUpdate = scheduleUpdate;
return ( return (
@ -126,7 +128,7 @@ class Tooltip extends Component {
className={classNames( className={classNames(
styles.arrow, styles.arrow,
styles[kind], styles[kind],
styles[position] styles[placement.split('-')[0]]
)} )}
/> />