UX: Prevent touch start events in 30px distance to the left photoprism#4777

Signed-off-by: Michael Mayer <michael@photoprism.app>

Author: lastzero

frontend/src/common/view.js

@@ -37,8 +37,8 @@ export function isMediaElement(el) {
 export function preventNavigationTouchEvent(ev) {
   if (ev instanceof TouchEvent && ev.cancelable) {
     // console.log(`${ev.type} @ ${ev.touches[0].clientX.toString()} x ${ev.touches[0].clientY.toString()}`, ev.target);
-    if (ev.type === TouchStartEvent && (isMediaElement(ev.target) || ev.touches[0].clientX <= 16)) {
-      if (window.innerHeight - ev.touches[0].clientY > 128 || ev.touches[0].clientX <= 16) {
+    if (ev.type === TouchStartEvent && (isMediaElement(ev.target) || ev.touches[0].clientX <= 30)) {
+      if (window.innerHeight - ev.touches[0].clientY > 128 || ev.touches[0].clientX <= 30) {
         ev.preventDefault();
         // console.log(`prevented ${ev.type} @ ${ev.touches[0].clientX.toString()} x ${ev.touches[0].clientY.toString()}`);
       }