Merge pull request #61 from vaadin/fix/touch-hover

Disable hover effect on touch devices
vaadin · Jan 5, 2018 · b409b30 · b409b30
2 parents 0da9c67 + 49dde3a
commit b409b30
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/theme/valo/vaadin-checkbox.html b/theme/valo/vaadin-checkbox.html
@@ -149,6 +149,13 @@
         background-color: var(--valo-contrast-30pct);
       }
 
+      /* Disable hover for touch devices */
+      @media (pointer: coarse) {
+        :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part="checkbox"] {
+          background-color: var(--valo-contrast-20pct);
+        }
+      }
+
       /* Active */
 
       :host([active]) [part="checkbox"] {