From 74914eff2614f9db6e5a2c181efe83491e5e7fd6 Mon Sep 17 00:00:00 2001
From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com>
Date: Tue, 16 Jun 2020 11:25:08 +0200
Subject: [PATCH] Remove text gradient on Tab for compatibility
---
.../CommonKit/Tabs/StyledBlueTab.tsx | 5 +----
src/components/CommonKit/Tabs/StyledTab.tsx | 20 ++++---------------
2 files changed, 5 insertions(+), 20 deletions(-)
diff --git a/src/components/CommonKit/Tabs/StyledBlueTab.tsx b/src/components/CommonKit/Tabs/StyledBlueTab.tsx
index 99228aee3..2cd74cecb 100644
--- a/src/components/CommonKit/Tabs/StyledBlueTab.tsx
+++ b/src/components/CommonKit/Tabs/StyledBlueTab.tsx
@@ -8,10 +8,7 @@ const TabBase = withStyles({
minHeight: '36px',
},
selected: {
- background: 'var(--blueRadialGradient)',
- backgroundClip: 'text',
- WebkitBackgroundClip: 'text',
- WebkitTextFillColor: 'transparent',
+ color: 'var(--blue)',
},
})(Tab)
diff --git a/src/components/CommonKit/Tabs/StyledTab.tsx b/src/components/CommonKit/Tabs/StyledTab.tsx
index 1d2dec1a7..850e30583 100644
--- a/src/components/CommonKit/Tabs/StyledTab.tsx
+++ b/src/components/CommonKit/Tabs/StyledTab.tsx
@@ -9,37 +9,25 @@ const TabBase = withStyles({
minHeight: '36px',
},
selected: {
- background: 'var(--multiColorRadialGradient)',
- backgroundClip: 'text',
- WebkitBackgroundClip: 'text',
- WebkitTextFillColor: 'transparent',
+ color: 'var(--multiColor)',
},
})(Tab)
const TabElec = withStyles({
selected: {
- background: 'var(--elecColorRadialGradient)',
- backgroundClip: 'text',
- WebkitBackgroundClip: 'text',
- WebkitTextFillColor: 'transparent',
+ color: 'var(--elecColor)',
},
})(TabBase)
const TabWater = withStyles({
selected: {
- background: 'var(--waterColorRadialGradient)',
- backgroundClip: 'text',
- WebkitBackgroundClip: 'text',
- WebkitTextFillColor: 'transparent',
+ color: 'var(--waterColor)',
},
})(TabBase)
const TabGas = withStyles({
selected: {
- background: 'var(--gasColorRadialGradient)',
- backgroundClip: 'text',
- WebkitBackgroundClip: 'text',
- WebkitTextFillColor: 'transparent',
+ color: 'var(--gasColor)',
},
})(TabBase)
--
GitLab