parent
71d4d51fb2
commit
e70d7edf41
1 changed files with 5 additions and 1 deletions
|
@ -47,7 +47,8 @@ export default Vue.extend({
|
|||
data() {
|
||||
return {
|
||||
details: null,
|
||||
detailsTimeoutId: null
|
||||
detailsTimeoutId: null,
|
||||
isHovering: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
@ -89,9 +90,11 @@ export default Vue.extend({
|
|||
}
|
||||
},
|
||||
onMouseover() {
|
||||
this.isHovering = true;
|
||||
this.detailsTimeoutId = setTimeout(this.openDetails, 300);
|
||||
},
|
||||
onMouseleave() {
|
||||
this.isHovering = false;
|
||||
clearTimeout(this.detailsTimeoutId);
|
||||
this.closeDetails();
|
||||
},
|
||||
|
@ -104,6 +107,7 @@ export default Vue.extend({
|
|||
.map(x => x.user.username);
|
||||
|
||||
this.closeDetails();
|
||||
if (!this.isHovering) return;
|
||||
this.details = this.$root.new(XDetails, {
|
||||
reaction: this.reaction,
|
||||
users,
|
||||
|
|
Loading…
Reference in a new issue