zoom disabled

Sreelatha-Vallabhaneni · Sep 13, 2019 · 5531c94 · 5531c94
1 parent b5016f5
commit 5531c94
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/public/index.html b/public/index.html
@@ -5,7 +5,10 @@
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/icons/ios-icon.png" />
 
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1.0,user-scalable=no"
+    />
     <meta name="theme-color" content="#e91e63" />
     <meta
       name="description"

diff --git a/src/components/AppContainer.js b/src/components/AppContainer.js
@@ -49,6 +49,11 @@ const AppContainer = () => {
 
   useEffect(() => {
     checkDarkMode();
+
+    if (navigator.userAgent.match(/Android/i)) {
+      body.style.overscrollBehavior = "none";
+      // this is to disable pull refresh on android
+    }
   }, []);
 
   useEffect(() => {

diff --git a/src/components/sections/SettingsPage.js b/src/components/sections/SettingsPage.js
@@ -13,7 +13,7 @@ import {
 import { GlobalContext } from "../GlobalState";
 
 export const useCheckDarkmode = () => {
-  const [{}, dispatch] = useContext(GlobalContext);
+  const [, dispatch] = useContext(GlobalContext);
   const setThemeSelectValue = useCallback(
     data => {
       dispatch({ type: "setThemeSelectValue", snippet: data });

diff --git a/src/style.css b/src/style.css
@@ -1,6 +1,3 @@
-body {
-  overscroll-behavior: none;
-}
 
 .render-list-container {
   position: relative;