From 24bafceb713a0ec440f4bb666c38a7301a81d159 Mon Sep 17 00:00:00 2001
From: NovapaX <maarten@oosterwijkbrandpreventie.nl>
Date: Wed, 28 Feb 2018 03:35:20 +0100
Subject: [PATCH] Remove tap highlight on mobile Safari (#911)

* remove tap highlight

* indentation fix
removing tab that was already there

* Best of both worlds
Makes tap higlight visible on clickable elements on cards. (provides
some basic tap-feedback on iOS safari)

* allow highlight on sidebar links, add comment
---
 src/layouts/home-assistant-main.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/layouts/home-assistant-main.html b/src/layouts/home-assistant-main.html
index ad03f0954b..f99bf48766 100644
--- a/src/layouts/home-assistant-main.html
+++ b/src/layouts/home-assistant-main.html
@@ -19,7 +19,13 @@
   <template>
     <style>
       :host {
-	      color: var(--primary-text-color);
+        color: var(--primary-text-color);
+        /* remove the grey tap highlights in iOS on the fullscreen touch targets */
+        -webkit-tap-highlight-color: rgba(0,0,0,0);
+      }
+      iron-pages, ha-sidebar {
+        /* allow a light tap highlight on the actual interface elements  */
+        -webkit-tap-highlight-color: rgba(0,0,0,0.1);
       }
       iron-pages {
         height: 100%;