Merge pull request #55 from Dilden/iss54

Disable double-tap to zoom
Dilden · Sep 1, 2022 · 1868330 · 1868330
2 parents 91a7ee9 + a17cd0d
commit 1868330
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 23 deletions.
diff --git a/src/components/Modal.svelte b/src/components/Modal.svelte
@@ -28,15 +28,16 @@
       left: 0;
   }
   .toggler {
-      position: fixed;
-      right: 20px;
-      bottom: 20px;
-      z-index: 100;
-      background: #1ab8b8;
-      border-radius: 28px;
-      font-size: 2em;
-      padding: 5px 10px;
-      border: none;
-      box-shadow: 10px 0 15px black;
+    position: fixed;
+    right: 20px;
+    bottom: 20px;
+    z-index: 100;
+    background: #1ab8b8;
+    border-radius: 28px;
+    font-size: 2em;
+    padding: 5px 10px;
+    border: none;
+    box-shadow: 10px 0 15px black;
+    touch-action: manipulation;
   }
 </style>
diff --git a/src/components/counts/Counter.svelte b/src/components/counts/Counter.svelte
@@ -50,6 +50,7 @@
       margin: auto;
       padding: 10px;
       color: #000000;
+      touch-action: manipulation;
     }
     input[type='text'] {
       -webkit-box-flex: 2 1 auto;

diff --git a/src/components/nav/Menu.svelte b/src/components/nav/Menu.svelte
@@ -52,19 +52,20 @@
       background-color: #03221b;
     }
     .menu {
-        position: fixed;
-        top: 20px;
-        right: 0px;
-        content: ' ';
-        padding: 15px 60px 15px 20px;
-        text-align: left;
-        text-shadow: 0 0 5px black;
-        color: var(--fore-color);
-        text-decoration: none;
-        transition: all 0.3s ease-in-out;
-        background-color: var(--back-color);
-        box-shadow: -10px 0px 10px 0px black;
-        z-index: 110;
+      position: fixed;
+      top: 20px;
+      right: 0px;
+      content: ' ';
+      padding: 15px 60px 15px 20px;
+      text-align: left;
+      text-shadow: 0 0 5px black;
+      color: var(--fore-color);
+      text-decoration: none;
+      transition: all 0.3s ease-in-out;
+      background-color: var(--back-color);
+      box-shadow: -10px 0px 10px 0px black;
+      z-index: 110;
+      touch-action: manipulation;
     }
     .menu.moved {
         right: 250px;