From 35f827946db9e629e77c11b7c8672e478153b325 Mon Sep 17 00:00:00 2001
From: Son <son@son>
Date: Tue, 5 Oct 2021 09:55:51 +0200
Subject: [PATCH] use tippy to always show tooltip in alias result

---
 src/popup/App.scss                      |  1 +
 src/popup/components/NewAliasResult.vue | 11 ++++++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/popup/App.scss b/src/popup/App.scss
index 7ded3be..3e690c7 100644
--- a/src/popup/App.scss
+++ b/src/popup/App.scss
@@ -2,6 +2,7 @@
 @import './App-scrollbar.scss';
 @import '~bootstrap/scss/bootstrap.scss';
 @import '~bootstrap-vue/src/index.scss';
+@import '~tippy.js/dist/tippy.css';
 
 body {
   box-sizing: content-box !important;
diff --git a/src/popup/components/NewAliasResult.vue b/src/popup/components/NewAliasResult.vue
index be33c50..25149ff 100644
--- a/src/popup/components/NewAliasResult.vue
+++ b/src/popup/components/NewAliasResult.vue
@@ -8,9 +8,7 @@
             v-clipboard="() => newAliasData.alias"
             v-clipboard:success="clipboardSuccessHandler"
             v-clipboard:error="clipboardErrorHandler"
-            v-b-tooltip.hover
-            title="Click to Copy"
-            class="cursor"
+            class="cursor new-alias"
           >
             <span class="text-success">
               {{ newAliasData.alias }}
@@ -58,6 +56,7 @@ import EventManager from "../EventManager";
 import Utils from "../Utils";
 import AliasMoreOptions from "./AliasMoreOptions";
 import { callAPI, API_ROUTE, API_ON_ERR } from "../APIService";
+import tippy from 'tippy.js';
 
 export default {
   components: {
@@ -77,6 +76,12 @@ export default {
     if (!!notAskingRate) this.showVoteScreen = false;
     // TODO showVoteScreen 1 day after user installed plugin
     else this.showVoteScreen = Utils.getRandomIntBetween(0, 10) % 2 === 0;
+
+    tippy('.new-alias', {
+      content: 'Click to copy',
+      trigger: 'manual',
+      showOnCreate: true,
+    });
   },
   methods: {
     // Clipboard