From 455ba698aa78614f6b8b248dba2793e06055a480 Mon Sep 17 00:00:00 2001
From: UnrealApex <dojo1011234@gmail.com>
Date: Sun, 25 Apr 2021 21:43:47 +0000
Subject: [PATCH] added copy username css

---
 static/privacy-policy.html | 50 ++++++++++++++++++++++++++++++++------
 1 file changed, 43 insertions(+), 7 deletions(-)

diff --git a/static/privacy-policy.html b/static/privacy-policy.html
index 19af24b6a..55796870d 100644
--- a/static/privacy-policy.html
+++ b/static/privacy-policy.html
@@ -54,6 +54,42 @@
         justify-content: center;
         display: flex;
       }
+      .tooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+  }
+
+  .tooltip .tooltiptext {
+    visibility: hidden;
+    width: 120px;
+    bottom: 120%;
+    left: 50%;
+    margin-left: -60px; 
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+
+    /* Position the tooltip */
+    position: absolute;
+    z-index: 2;
+  }
+  .tooltip .tooltiptext::after {
+    content: " ";
+    position: absolute;
+    top: 100%; /* At the bottom of the tooltip */
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: black transparent transparent transparent;
+  }
+
+  .tooltip:hover .tooltiptext {
+    visibility: visible;
+}
     </style>
   </head>
 
@@ -267,17 +303,17 @@
         </p>
 
         <p>
-          <!-- TODO: Find better way to implement username copy -->
           Discord:
-          <input type="text" value="Miodec#1512" id="username" />
-          <button title="Click to copy" onclick="copyUserName()">
-            Copy
-          </button>
+          <!-- FIXME: Fix username copy -->
+  <div class="tooltip" onclick="copyUserName()">Miodec#1512
+    <span class="tooltiptext">Click to copy</span>
+  </div>
+
           <script>
             function copyUserName() {
-              var text = document.getElementById("username");
+              var text = "Miodec#1512";
               text.select();
-              text.setSelectionRange(0, 99999);
+              text.setSelectionRange(0, 99999);  
               document.execCommand("copy");
               alert("Copied To Clipboard!");
             }