From 25cfa16ea365ac15fa6ee806b93c992950588abb Mon Sep 17 00:00:00 2001 From: Daniel Tschinder Date: Thu, 30 Aug 2018 21:46:13 +0200 Subject: [PATCH] fix(style): Correctly fix flash on iOS --- style/react-tabs.css | 5 ++++- style/react-tabs.less | 3 ++- style/react-tabs.scss | 3 ++- 3 files changed, 8 insertions(+), 3 deletions(-) diff --git a/style/react-tabs.css b/style/react-tabs.css index 6f6686357f..8bb668b70d 100644 --- 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 index 06a788166d..87c792e1c6 100644 --- 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 index 06a788166d..87c792e1c6 100644 --- 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;