Remove highlight control when tap on touch devices #1390

bem · Mar 6, 2015 · 9d49e99 · 9d49e99
1 parent b02c03d
commit 9d49e99
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 1 deletion.
diff --git a/design/common.blocks/button/_theme/button_theme_islands.styl b/design/common.blocks/button/_theme/button_theme_islands.styl
@@ -20,6 +20,8 @@ ctx = '.button_theme_islands'
     text-align: center;
     white-space: nowrap;
 
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
     &::-moz-focus-inner
     {
         padding: 0;

diff --git a/design/common.blocks/checkbox/_theme/checkbox_theme_islands.styl b/design/common.blocks/checkbox/_theme/checkbox_theme_islands.styl
@@ -2,6 +2,8 @@
 {
     font-family: Arial, Helvetica, sans-serif;
 
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
     &:hover
     {
         cursor: pointer;

diff --git a/design/common.blocks/input/_theme/input_theme_islands.styl b/design/common.blocks/input/_theme/input_theme_islands.styl
@@ -8,6 +8,8 @@ ctx = '.input_theme_islands'
 
     background: rgba(0, 0, 0, 0.2);
 
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
     /* Decorative element (inner background) */
     &:before
     {
@@ -51,7 +53,6 @@ ctx = '.input_theme_islands'
         background: none;
 
         -webkit-appearance: none;
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
         /* лишние отступы у текста */
         &::-webkit-search-decoration

diff --git a/design/common.blocks/link/_theme/link_theme_islands.styl b/design/common.blocks/link/_theme/link_theme_islands.styl
@@ -47,4 +47,9 @@
             font-size: 18px;
         }
     }
+
+    &.link_disabled
+    {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    }
 }
diff --git a/design/common.blocks/menu/_theme/menu_theme_islands.styl b/design/common.blocks/menu/_theme/menu_theme_islands.styl
@@ -12,6 +12,8 @@ paddingHor = (10 13 15 20);
     outline: 0;
     background: #fff;
 
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
     /* Using pseudo-elements intead of paddings because of Firefox bug with bottom padding (#1158):
      * https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */
     &:before,

diff --git a/design/common.blocks/radio/_theme/radio_theme_islands.styl b/design/common.blocks/radio/_theme/radio_theme_islands.styl
@@ -2,6 +2,8 @@
 {
     font-family: Arial, Helvetica, sans-serif;
 
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
     &:hover
     {
         cursor: pointer;