patch material/ios button bug (#158)

related to angular/components#1316
qdouble · Nov 3, 2016 · 8fda79a · 8fda79a
1 parent 1fb94d4
commit 8fda79a
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -1,3 +1,8 @@
+// using Modernizer CSS classes to detect if browser supports the W3C Touch Events API
+:host-context(.mod-touchevents) [md-button]:hover::after, [md-icon-button]:hover::after {
+    content: none;
+}
+
 #my-page-card {
   min-height: 100%;
 }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -8,8 +8,7 @@ import { MOBILE } from './services/constants';
 @Component({
   selector: 'my-app',
   styleUrls: ['./app.component.css'],
-  templateUrl: './app.component.html',
-  encapsulation: ViewEncapsulation.None
+  templateUrl: './app.component.html'
 })
 export class AppComponent implements OnInit {
   showMonitor = (ENV === 'development' && !AOT &&

diff --git a/src/assets/dist_root/modernizer-touch-events.min.js b/src/assets/dist_root/modernizer-touch-events.min.js
diff --git a/src/index.html b/src/index.html
@@ -18,6 +18,7 @@
 		Loading...
 	</my-app>
 	<script type="text/javascript" src="hammer.min.js"></script>
+	<script type="text/javascript" src="modernizer-touch-events.min.js"></script>
 	<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=console.*,Intl.~locale.en&gated=1"></script>
 	<div id="str-dlls">
 		<%= '<' %>script src="/polyfill.dll.js"<%= '>' %><%= '<' %>/script<%= '>' %>