disable drag and highlight for better ux

AnthonyGress · Aug 27, 2021 · adb849e · adb849e
1 parent e6cbe70
commit adb849e
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 9 deletions.
diff --git a/src/App.css b/src/App.css
@@ -17,9 +17,17 @@ html {
 
 body {
   padding-top: 80px;
+  /* no double tap zoom mobile */
+  touch-action: manipulation;
+  /* no text selection */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 a {
+  -webkit-user-drag: none;
   text-decoration: none !important;
   color: inherit !important;
 }
@@ -34,6 +42,10 @@ textarea {
   color: var(--font-color) !important;
 }
 
+img {
+  -webkit-user-drag: none;
+}
+
 .App-logo {
   margin-top: 20px;
   height: 30vmin;

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -7,15 +7,15 @@ const NavbarContent = (props) => {
   const blur = () => {
     console.log("blur navbar");
   };
-  let isHome;
-  let page = window.location.href.toString().split("/").pop();
-  if (page === "") {
-    console.log("true");
-    isHome = true;
-  } else {
-    console.log("false");
-    isHome = false;
-  }
+  // let isHome;
+  // let page = window.location.href.toString().split("/").pop();
+  // if (page === "") {
+  //   console.log("true");
+  //   isHome = true;
+  // } else {
+  //   console.log("false");
+  //   isHome = false;
+  // }
 
   return (
     <Navbar