fix(style): Correctly fix flash on iOS

reactjs · Aug 30, 2018 · 25cfa16 · 25cfa16
1 parent 9680d06
commit 25cfa16
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/style/react-tabs.css b/style/react-tabs.css
@@ -1,3 +1,7 @@
+.react-tabs {
+  -webkit-tap-highlight-color: transparent;
+}
+
 .react-tabs__tab-list {
   border-bottom: 1px solid #aaa;
   margin: 0 0 10px;
@@ -13,7 +17,6 @@
   list-style: none;
   padding: 6px 12px;
   cursor: pointer;
-  -webkit-tap-highlight-color: transparent;
 }
 
 .react-tabs__tab--selected {

diff --git a/style/react-tabs.less b/style/react-tabs.less
@@ -1,4 +1,6 @@
 .react-tabs {
+  -webkit-tap-highlight-color: transparent;
+
   &__tab-list {
     border-bottom: 1px solid #aaa;
     margin: 0 0 10px;
@@ -14,7 +16,6 @@
     list-style: none;
     padding: 6px 12px;
     cursor: pointer;
-    -webkit-tap-highlight-color: transparent;
 
     &--selected {
       background: #fff;

diff --git a/style/react-tabs.scss b/style/react-tabs.scss
@@ -1,4 +1,6 @@
 .react-tabs {
+  -webkit-tap-highlight-color: transparent;
+
   &__tab-list {
     border-bottom: 1px solid #aaa;
     margin: 0 0 10px;
@@ -14,7 +16,6 @@
     list-style: none;
     padding: 6px 12px;
     cursor: pointer;
-    -webkit-tap-highlight-color: transparent;
 
     &--selected {
       background: #fff;