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
This commit is contained in:
NovapaX 2018-02-28 03:35:20 +01:00 committed by Paulus Schoutsen
parent 579adb0455
commit 24bafceb71

View File

@ -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%;