From 6cf22cef09a3997a776bfc775f9af3263e7b81f9 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Thu, 28 Jan 2021 17:11:21 +0100
Subject: [PATCH] add hideTooltip method to mixin

---
 src/components/svg/changeDb.vue | 2 +-
 src/components/svg/copy.vue     | 2 +-
 src/components/svg/delete.vue   | 2 +-
 src/components/svg/export.vue   | 2 +-
 src/components/svg/rename.vue   | 2 +-
 src/mixins/tooltips.js          | 3 +++
 src/views/MyQueries.vue         | 6 ++----
 7 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/svg/changeDb.vue b/src/components/svg/changeDb.vue
index 6254f37..4ce9149 100644
--- a/src/components/svg/changeDb.vue
+++ b/src/components/svg/changeDb.vue
@@ -8,7 +8,7 @@
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     @mouseover="showTooltip"
-    @mouseout="$set(tooltipStyle, 'visibility', 'hidden')"
+    @mouseout="hideTooltip"
   >
     <path
       d="M3 10.5V12.75C3 14.25 5.2875 15.54 8.25 15.75V13.5825L8.3475 13.5C5.34 13.32 3 12.045 3 10.5ZM9 9.75C5.685 9.75 3 8.4075 3 6.75V9C3 10.6575 5.685 12 9 12C9.2925 12 9.5775 12 9.87 12L12.75 9.09C11.55 9.54 10.2825 9.75 9 9.75ZM9 2.25C5.685 2.25 3 3.5925 3 5.25C3 6.9075 5.685 8.25 9 8.25C12.315 8.25 15 6.9075 15 5.25C15 3.5925 12.315 2.25 9 2.25ZM15.75 8.3475C15.6375 8.3475 15.5325 8.3925 15.4575 8.475L14.7075 9.225L16.245 10.725L16.995 9.975C17.1525 9.825 17.16 9.57 16.995 9.3975L16.065 8.475C15.99 8.3925 15.885 8.3475 15.78 8.3475H15.75ZM14.28 9.66L9.75 14.205V15.75H11.295L15.84 11.1975L14.28 9.66Z"
diff --git a/src/components/svg/copy.vue b/src/components/svg/copy.vue
index c31e1bd..24b008e 100644
--- a/src/components/svg/copy.vue
+++ b/src/components/svg/copy.vue
@@ -9,7 +9,7 @@
       xmlns="http://www.w3.org/2000/svg"
       @click.stop="$emit('click')"
       @mouseover="showTooltip"
-      @mouseout="$set(tooltipStyle, 'visibility', 'hidden')"
+      @mouseout="hideTooltip"
     >
       <path
         d="M14.25 15.75H6V5.25H14.25V15.75ZM14.25 3.75H6C5.60218 3.75 5.22064 3.90804 4.93934 4.18934C4.65804 4.47064 4.5 4.85218 4.5 5.25V15.75C4.5 16.1478 4.65804 16.5294 4.93934 16.8107C5.22064 17.092 5.60218 17.25 6 17.25H14.25C14.6478 17.25 15.0294 17.092 15.3107 16.8107C15.592 16.5294 15.75 16.1478 15.75 15.75V5.25C15.75 4.85218 15.592 4.47064 15.3107 4.18934C15.0294 3.90804 14.6478 3.75 14.25 3.75ZM12 0.75H3C2.60218 0.75 2.22064 0.908035 1.93934 1.18934C1.65804 1.47064 1.5 1.85218 1.5 2.25V12.75H3V2.25H12V0.75Z"
diff --git a/src/components/svg/delete.vue b/src/components/svg/delete.vue
index 1e377f4..dfc336c 100644
--- a/src/components/svg/delete.vue
+++ b/src/components/svg/delete.vue
@@ -9,7 +9,7 @@
       xmlns="http://www.w3.org/2000/svg"
       @click.stop="$emit('click')"
       @mouseover="showTooltip"
-      @mouseout="$set(tooltipStyle, 'visibility', 'hidden')"
+      @mouseout="hideTooltip"
     >
       <path
         d="M6.75 2.25V3H3V4.5H3.75V14.25C3.75 14.6478 3.90804 15.0294 4.18934 15.3107C4.47064 15.592 4.85218 15.75 5.25 15.75H12.75C13.1478 15.75 13.5294 15.592 13.8107 15.3107C14.092 15.0294 14.25 14.6478 14.25 14.25V4.5H15V3H11.25V2.25H6.75ZM5.25 4.5H12.75V14.25H5.25V4.5ZM6.75 6V12.75H8.25V6H6.75ZM9.75 6V12.75H11.25V6H9.75Z"
diff --git a/src/components/svg/export.vue b/src/components/svg/export.vue
index 32cfe06..6c35067 100644
--- a/src/components/svg/export.vue
+++ b/src/components/svg/export.vue
@@ -9,7 +9,7 @@
       xmlns="http://www.w3.org/2000/svg"
       @click.stop="$emit('click')"
       @mouseover="showTooltip"
-      @mouseout="$set(tooltipStyle, 'visibility', 'hidden')"
+      @mouseout="hideTooltip"
     >
       <path
         d="M10.5 1.5H4.5C3.675 1.5 3 2.175 3 3V15C3 15.825 3.675 16.5 4.5 16.5H13.5C14.325 16.5 15 15.825 15 15V6L10.5 1.5ZM13.5 15H4.5V3H9.75V6.75H13.5V15ZM12 8.25V13.575L10.425 12L8.325 14.1L6.225 12L8.325 9.9L6.675 8.25H12Z"
diff --git a/src/components/svg/rename.vue b/src/components/svg/rename.vue
index 3e97b69..e833b04 100644
--- a/src/components/svg/rename.vue
+++ b/src/components/svg/rename.vue
@@ -9,7 +9,7 @@
       xmlns="http://www.w3.org/2000/svg"
       @click.stop="$emit('click')"
       @mouseover="showTooltip"
-      @mouseout="$set(tooltipStyle, 'visibility', 'hidden')"
+      @mouseout="hideTooltip"
     >
       <path
         d="M10.545 6.75L11.25 7.455L4.44 14.25H3.75V13.56L10.545 6.75ZM13.245 2.25C13.0575 2.25 12.8625 2.325 12.72 2.4675L11.3475 3.84L14.16 6.6525L15.5325 5.28C15.825 4.9875 15.825 4.5 15.5325 4.2225L13.7775 2.4675C13.6275 2.3175 13.44 2.25 13.245 2.25ZM10.545 4.6425L2.25 12.9375V15.75H5.0625L13.3575 7.455L10.545 4.6425Z"
diff --git a/src/mixins/tooltips.js b/src/mixins/tooltips.js
index 84e93ca..b7baea2 100644
--- a/src/mixins/tooltips.js
+++ b/src/mixins/tooltips.js
@@ -12,6 +12,9 @@ export default {
         top: e.clientY - 12 + 'px',
         left: e.clientX + 12 + 'px'
       }
+    },
+    hideTooltip () {
+      this.$set(this.tooltipStyle, 'visibility', 'hidden')
     }
   }
 }
diff --git a/src/views/MyQueries.vue b/src/views/MyQueries.vue
index 54fab7e..66d7022 100644
--- a/src/views/MyQueries.vue
+++ b/src/views/MyQueries.vue
@@ -43,9 +43,7 @@
           </div>
         </div>
       </div>
-      <div
-        class="table-container" :style="{ 'max-height': `${maxTableHeight}px` }"
-      >
+      <div class="table-container" :style="{ 'max-height': `${maxTableHeight}px` }">
         <table ref="table">
           <tbody>
             <tr
@@ -65,7 +63,7 @@
                     <div
                       class="badge"
                       @mouseover="showTooltip"
-                      @mouseout="$set(tooltipStyle, 'visibility', 'hidden')"
+                      @mouseout="hideTooltip"
                     >
                       Predefined
                       <span class="icon-tooltip" :style="tooltipStyle">