From 910cde4380ce7f28a7cb26af507adbe5d2fc5420 Mon Sep 17 00:00:00 2001
From: Soumya Himanish Mohapatra <shmiitian@gmail.com>
Date: Tue, 9 Jan 2018 20:56:27 +0530
Subject: [PATCH] Popup for delete button attached

---
 app/templates/share.js | 33 +++++++++++++++++----------------
 assets/main.css        |  5 +++++
 2 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/app/templates/share.js b/app/templates/share.js
index a0921b66..7c8c01fc 100644
--- a/app/templates/share.js
+++ b/app/templates/share.js
@@ -82,22 +82,23 @@ module.exports = function(state, emit) {
         class="btn"
         title="${state.translate('deleteFileButton')}"
         onclick=${showPopup}>${state.translate('deleteFileButton')}
-        <div class="popup">
-          <div class="popuptext" onblur=${cancel} tabindex="-1">
-            <div class="popup-message">${state.translate(
-              'deletePopupText'
-            )}</div>
-            <div class="popup-action">
-              <span class="popup-no" onclick=${cancel}>${state.translate(
-    'deletePopupCancel'
-  )}</span>
-              <span class="popup-yes" onclick=${deleteFile}>${state.translate(
-    'deletePopupYes'
-  )}</span>
-            </div>
-          </div>
-        </div>
       </button>
+      <div id="deletePopup" class="popup">
+         <div class="popuptext" onblur=${cancel} tabindex="-1">
+           <div class="popup-message">${state.translate('deletePopupText')}
+           </div>
+           <div class="popup-action">
+             <span class="popup-no" onclick=${cancel}>${state.translate(
+    'deletePopupCancel'
+  )}
+             </span>
+             <span class="popup-yes" onclick=${deleteFile}>${state.translate(
+    'deletePopupYes'
+  )}
+             </span>
+           </div>
+         </div>
+      </div>
       <a class="send-new"
         data-state="completed"
         href="/"
@@ -113,7 +114,7 @@ module.exports = function(state, emit) {
 
   function cancel(e) {
     e.stopPropagation();
-    const popupText = e.target.parentElement.parentElement;
+    const popupText = document.querySelector('.popuptext');
     popupText.classList.remove('show');
   }
 
diff --git a/assets/main.css b/assets/main.css
index 36593662..cca46b88 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -636,6 +636,11 @@ tbody {
   color: #313131;
 }
 
+#deletePopup {
+  position: relative;
+  bottom: 50px;
+}
+
 #delete-file:hover {
   background: #efeff1;
 }