From b20676d59bd2624cdf25756da724f3c61cc226ee Mon Sep 17 00:00:00 2001
From: Kevin Zino <k.zino@nex-gen.eu>
Date: Wed, 24 Jun 2020 14:06:11 +0300
Subject: [PATCH 1/2] NY-10778 [WEB] Calling: call controls background should
 be darker: fixes

---
 src/componets/AudioVideo/AudioVideo.js                       | 2 +-
 src/componets/AudioVideo/AudioVideo.styles.js                | 5 ++++-
 .../AudioVideo/AudioVideoControls/AudioVideoControls.js      | 4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/componets/AudioVideo/AudioVideo.js b/src/componets/AudioVideo/AudioVideo.js
index 16c75d7f9..d553912c2 100644
--- a/src/componets/AudioVideo/AudioVideo.js
+++ b/src/componets/AudioVideo/AudioVideo.js
@@ -921,7 +921,7 @@ class AudioVideo extends Component {
               }
               <div className={classes.bottomLineCenter}>
                 {maxSteps > 1 &&
-                  <Stepper nonLinear activeStep={activeMembersStep} className={classes.stepper}>
+                  <Stepper nonLinear activeStep={activeMembersStep} className={classes.stepper} classes={{ root: classes.stepperWrap }}>
                     {stepperSteps.map((label, index) => (
                       <Step key={index}>
                         <StepButton onClick={this.handleStep(index)} icon={this.stepIcon()} classes={{ root: classes.stepper }}>
diff --git a/src/componets/AudioVideo/AudioVideo.styles.js b/src/componets/AudioVideo/AudioVideo.styles.js
index b6c5e6d6b..a8891a750 100644
--- a/src/componets/AudioVideo/AudioVideo.styles.js
+++ b/src/componets/AudioVideo/AudioVideo.styles.js
@@ -316,5 +316,8 @@ export default theme => ({
   tooltip: {
     color: theme.palette.themeColors.tooltip.color,
     background: theme.palette.themeColors.tooltip.background,
-  }
+  },
+  stepperWrap: {
+    padding: 5,
+  },
 });
diff --git a/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.js b/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.js
index 8ce098226..274f51635 100644
--- a/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.js
+++ b/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.js
@@ -366,7 +366,7 @@ class AudioVideoControls extends Component {
                     <IconButton
                       onClick={recordingActions.pauseRecording}
                       aria-label={t('callInProgress.recordPause')}
-                      style={{ padding: 7 }}
+                      style={{ padding: 7, color: '#fff' }}
                     >
                       <i className="icon-pause" style={{ fontSize: 39 }}></i>
                     </IconButton>
@@ -385,7 +385,7 @@ class AudioVideoControls extends Component {
                     <IconButton
                       onClick={recordingActions.resumeRecording}
                       aria-label={t('callInProgress.recordResume')}
-                      style={{ padding: 7 }}
+                      style={{ padding: 7, color: '#fff' }}
                     >
                       <i className="icon-play2" style={{ fontSize: 39 }}></i>
                     </IconButton>
-- 
GitLab


From 7acd0de4b4435a598d14ca820960642c583ae5d5 Mon Sep 17 00:00:00 2001
From: Kevin Zino <k.zino@nex-gen.eu>
Date: Wed, 24 Jun 2020 14:36:08 +0300
Subject: [PATCH 2/2] NY-10778 [WEB] Calling: call controls background should
 be darker: fixes

---
 .../AudioVideo/AudioVideoControls/AudioVideoControls.js      | 4 ++--
 .../AudioVideoControls/AudioVideoControls.styles.js          | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.js b/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.js
index 274f51635..8ce098226 100644
--- a/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.js
+++ b/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.js
@@ -366,7 +366,7 @@ class AudioVideoControls extends Component {
                     <IconButton
                       onClick={recordingActions.pauseRecording}
                       aria-label={t('callInProgress.recordPause')}
-                      style={{ padding: 7, color: '#fff' }}
+                      style={{ padding: 7 }}
                     >
                       <i className="icon-pause" style={{ fontSize: 39 }}></i>
                     </IconButton>
@@ -385,7 +385,7 @@ class AudioVideoControls extends Component {
                     <IconButton
                       onClick={recordingActions.resumeRecording}
                       aria-label={t('callInProgress.recordResume')}
-                      style={{ padding: 7, color: '#fff' }}
+                      style={{ padding: 7 }}
                     >
                       <i className="icon-play2" style={{ fontSize: 39 }}></i>
                     </IconButton>
diff --git a/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.styles.js b/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.styles.js
index 2923febfb..1fa55c1fb 100644
--- a/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.styles.js
+++ b/src/componets/AudioVideo/AudioVideoControls/AudioVideoControls.styles.js
@@ -105,7 +105,10 @@ export default theme => ({
     whiteSpace: 'nowrap',
     padding: '0 1px',
     width: 100,
-    color: theme.palette.themeColors.audioVideo.audioVideoControls.controlsIconColor
+    color: theme.palette.themeColors.audioVideo.audioVideoControls.controlsIconColor,
+    '& i.icon-pause, i.icon-play2': {
+      color: theme.palette.themeColors.audioVideo.audioVideoControls.controlsIconColor
+    }
   },
   icon_size_lg: {
     width: 'auto',
-- 
GitLab