this was better

Author: nopara73

LongevityWorldCup.Website/wwwroot/partials/leaderboard-content.html

@@ -2694,38 +2694,26 @@ <h3>Proofs</h3>
     });
 
     // Sidebar swipe gesture
-    let startX = 0; // Starting X coordinate
-    let currentX = 0; // Current X coordinate during touchmove
-    const swipeThreshold = 50; // Minimum distance to consider a swipe
-
-    // Add touch event listeners to the sidebar and main container
-    const mainContainer = document.querySelector('.main-container');
-
-    mainContainer.addEventListener('touchstart', (e) => {
-        startX = e.touches[0].clientX; // Record the starting touch point
-    });
-
-    mainContainer.addEventListener('touchmove', (e) => {
-        currentX = e.touches[0].clientX; // Update current touch point
-    });
-
-    mainContainer.addEventListener('touchend', () => {
-        const swipeDistance = currentX - startX;
-
-        if (swipeDistance > swipeThreshold) {
-            // Swipe Right - Show Sidebar
+    let startX = 0;
+    let endX = 0;
+
+    document.addEventListener('touchstart', (e) => {
+        startX = e.changedTouches[0].clientX;
+    }, false);
+
+    document.addEventListener('touchmove', (e) => {
+        endX = e.changedTouches[0].clientX;
+    }, false);
+
+    document.addEventListener('touchend', () => {
+        const difference = endX - startX;
+        // Set a minimum distance to qualify as a swipe (e.g. 50px)
+        if (difference > 50) {
+            // Swiped from left to right => open sidebar
             sidebar.classList.add('expanded');
-            sidebar.classList.remove('collapsed');
-            sidebarToggle.classList.add('active');
-        } else if (swipeDistance < -swipeThreshold) {
-            // Swipe Left - Hide Sidebar
+        } else if (difference < -50) {
+            // Swiped from right to left => close sidebar
             sidebar.classList.remove('expanded');
-            sidebar.classList.add('collapsed');
-            sidebarToggle.classList.remove('active');
         }
-
-        // Reset touch positions
-        startX = 0;
-        currentX = 0;
-    });
+    }, false);
 </script>