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