updates on mobile stuff

Former-commit-id: 1d3d5e9b24add77bb399953c61beaa4ee57a40ae

_embed/public/js/common.js

@@ -397,7 +397,7 @@ window.addEventListener('keydown', (event) => {
 document.addEventListener("DOMContentLoaded", function(event) {
     overlay = document.querySelector('.overlay');
     clickOverlay = document.querySelector('#click-overlay');
-    
+
     buttons.logout = document.getElementById("logout");
     buttons.open = document.getElementById("open");
     buttons.delete = document.getElementById("delete");
@@ -414,18 +414,21 @@ document.addEventListener("DOMContentLoaded", function(event) {
         buttons.delete.addEventListener("click", deleteEvent);
     }
 
-    if (buttons.previous) {
-        buttons.previous.addEventListener("click", event => {
-            document.getElementById("breadcrumbs").classList.toggle("active");
-            
+    let dropdownButtons = document.querySelectorAll('.action[data-dropdown]')
+    Array.from(dropdownButtons).forEach(button => {
+        button.addEventListener("click", event => {
+            event.preventDefault();
+            event.stopPropagation();
+
+            button.querySelector('ul').classList.toggle("active");
             clickOverlay.classList.add('active');
-            
-            clickOverlay.addEventListener('click', event => {        
-                document.getElementById("breadcrumbs").classList.remove("active");
+
+            clickOverlay.addEventListener('click', event => {
+                button.querySelector('ul').classList.remove("active");
                 clickOverlay.classList.remove('active');
             })
         });
-    }
+    });
 
     overlay.addEventListener('click', event => {
         if (document.querySelector('.help.active')) {
@@ -435,21 +438,21 @@ document.addEventListener("DOMContentLoaded", function(event) {
 
         closePrompt(event);
     })
-    
+
     let mainActions = document.getElementById('main-actions');
-    
+
     document.getElementById('more').addEventListener('click', event => {
         event.preventDefault();
         event.stopPropagation();
-        
+
         clickOverlay.classList.add('active');
         mainActions.classList.add('active');
-        
-        clickOverlay.addEventListener('click', event => {        
+
+        clickOverlay.addEventListener('click', event => {
             mainActions.classList.remove('active');
             clickOverlay.classList.remove('active');
         })
-    })    
+    })
 
     setupSearch();
     return false;

_embed/public/js/listing.js

@@ -355,7 +355,7 @@ document.addEventListener('DOMContentLoaded', event => {
     document.getElementById('multiple-selection-activate').addEventListener('click', event => {
         listing.selectMultiple = true;
         clickOverlay.click();
-        
+
         document.getElementById('multiple-selection').classList.add('active');
         document.querySelector('body').style.paddingBottom = "4em";
     })
@@ -370,7 +370,7 @@ document.addEventListener('DOMContentLoaded', event => {
     if (user.AllowEdit) {
         buttons.rename.addEventListener("click", listing.rename);
     }
-    
+
     let items = document.getElementsByClassName('item');
 
     if (user.AllowNew) {
@@ -399,23 +399,27 @@ document.addEventListener('DOMContentLoaded', event => {
 
         document.addEventListener("drop", listing.documentDrop, false);
     }
-    
+
     let touches = {
         id: '',
         count: 0
     };
-    
+
     Array.from(items).forEach(file => {
         file.addEventListener('touchstart', event => {
             if (touches.id != file.id) {
                 touches.id = file.id;
                 touches.count = 1;
                 
+                setTimeout(() => {
+                    touches.count = 0;
+                }, 500)
+
                 return;
             }
-            
+
             touches.count++;
-            
+
             if (touches.count > 1) {
                 window.location = file.dataset.url;
             }