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