random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated UserInfoPopover display delay in Avatar, DisplayName

Browse Source 
• Updated:
- UserInfoPopover display delay in Avatar, DisplayName to 1250ms
This commit is contained in:
mgabdev 2020-06-15 17:55:29 -04:00
parent e7dc3c47a9
commit 26770fae11
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/javascript/gabsocial/components/avatar.js
View File

@ -72,7 +72,7 @@ class Avatar extends ImmutablePureComponent {
accountId: this.props.account.get('id'),
})
document.addEventListener('mousemove', this.handleMouseMove, true)
}, 650)
}, 1250)
}
handleMouseLeave = debounce((e) => {
@ -82,19 +82,19 @@ class Avatar extends ImmutablePureComponent {
handleMouseMove = debounce((e) => {
this.attemptToHidePopover(e)
}, 150)
}, 100)
attemptToHidePopover = (e) => {
const lastTarget = e.toElement || e.relatedTarget
if (!(lastTarget instanceof Element || lastTarget instanceof HTMLDocument)) return
const isElement = (lastTarget instanceof Element || lastTarget instanceof HTMLDocument)
const userInfoPopoverEl = document.getElementById('user-info-popover')
if (this.mouseOverTimeout &&
!this.props.noHover &&
(
(userInfoPopoverEl && lastTarget && !userInfoPopoverEl.contains(lastTarget)) ||
(!userInfoPopoverEl && lastTarget && this.node && !this.node.contains(lastTarget))
!isElement && !userInfoPopoverEl ||
(userInfoPopoverEl && isElement && lastTarget && !userInfoPopoverEl.contains(lastTarget)) ||
(!userInfoPopoverEl && isElement && lastTarget && this.node && !this.node.contains(lastTarget))
)) {
document.removeEventListener('mousemove', this.handleMouseMove, true)
clearTimeout(this.mouseOverTimeout)

12
app/javascript/gabsocial/components/display_name.js
View File

@ -65,7 +65,7 @@ class DisplayName extends ImmutablePureComponent {
accountId: this.props.account.get('id'),
})
document.addEventListener('mousemove', this.handleMouseMove, true)
}, 650)
}, 1250)
}
handleMouseLeave = debounce((e) => {
@ -74,18 +74,18 @@ class DisplayName extends ImmutablePureComponent {
handleMouseMove = debounce((e) => {
this.attemptToHidePopover(e)
}, 150)
}, 100)
attemptToHidePopover = (e) => {
const lastTarget = e.toElement || e.relatedTarget
if (!(lastTarget instanceof Element || lastTarget instanceof HTMLDocument)) return
const isElement = (lastTarget instanceof Element || lastTarget instanceof HTMLDocument)
const userInfoPopoverEl = document.getElementById('user-info-popover')
if (this.mouseOverTimeout &&
(
(userInfoPopoverEl && lastTarget && !userInfoPopoverEl.contains(lastTarget)) ||
(!userInfoPopoverEl && lastTarget && this.node && !this.node.contains(lastTarget))
!isElement && !userInfoPopoverEl ||
(userInfoPopoverEl && isElement && lastTarget && !userInfoPopoverEl.contains(lastTarget)) ||
(!userInfoPopoverEl && isElement && lastTarget && this.node && !this.node.contains(lastTarget))
)) {
document.removeEventListener('mousemove', this.handleMouseMove, true)
clearTimeout(this.mouseOverTimeout)