fix: prevent highlight of element when tapping on mobile

Lewis Youl · Lewis Youl · commit edccee82a8f6 · 2021-03-14T18:22:07.000Z
diff --git a/app/javascript/controllers/navbar_controller.js b/app/javascript/controllers/navbar_controller.js
@@ -4,7 +4,6 @@ export default class extends Controller {
 	static targets = ['container']
 
 	toggle() {
-		console.log('togglin')
 		this.containerTarget.classList.toggle('hidden')
 	}
 }
diff --git a/app/javascript/stylesheets/application.scss b/app/javascript/stylesheets/application.scss
@@ -3,6 +3,7 @@
 @import "tailwindcss/utilities";
 @import 'codemirror/lib/codemirror.css';
 
+* { -webkit-tap-highlight-color: transparent; }
 .CodeMirror {
   /* Set height, width, borders, and global font properties here */
   @apply font-mono p-2 text-sm rounded-br-md rounded-bl-md;

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,6 @@ export default class extends Controller {`
`4`	`4`	`static targets = ['container']`
`5`	`5`
`6`	`6`	`toggle() {`
`7`		`- console.log('togglin')`
`8`	`7`	`this.containerTarget.classList.toggle('hidden')`
`9`	`8`	`}`
`10`	`9`	`}`