Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-22 08:16:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tooltips): Defer display of background, ensure dot inside window

Browse source
This commit is contained in:
Ben Gotow 2016-09-23 17:01:05 -07:00
parent 7bfd43b359
commit 0edef2f42f
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/decorators/has-tutorial-tip.es6
View file

@ -6,7 +6,6 @@ import {Actions, WorkspaceStore} from 'nylas-exports';
import NylasStore from 'nylas-store';
const TipsBackgroundEl = document.createElement('tutorial-tip-background');
document.body.appendChild(TipsBackgroundEl);
const TipsContainerEl = document.createElement('div');
TipsContainerEl.classList.add('tooltips-container');
@ -62,7 +61,12 @@ class TipPopoverContents extends React.Component {
}
componentDidMount() {
TipsBackgroundEl.classList.add('visible');
if (TipsBackgroundEl.parentNode === null) {
document.body.appendChild(TipsBackgroundEl);
}
window.requestAnimationFrame(() => {
TipsBackgroundEl.classList.add('visible');
});
}
componentWillUnmount() {
@ -220,7 +224,7 @@ export default function HasTutorialTip(ComposedComponent, TipConfig) {
const anchorRect = this.tipAnchor.getBoundingClientRect();
this.tipNode.style.left = `${left - anchorRect.left + 5}px`;
this.tipNode.style.top = `${top - anchorRect.top + 5}px`;
this.tipNode.style.top = `${Math.max(top - anchorRect.top + 5, 10)}px`;
if (!_.isEqual(last, {left, top})) {
settled = 0;