mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 07:24:13 +00:00 
			
		
		
		
	
							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…
	
	Add table
		
		Reference in a new issue