From c6ab4c2687d1d7a24d1575810272d736a0294272 Mon Sep 17 00:00:00 2001
From: KDSBrowne <kert.browne85@gmail.com>
Date: Wed, 1 Feb 2017 11:40:00 -0800
Subject: [PATCH] remove glow prop and use className to change style

---
 .../components/actions-bar/mute-button/component.jsx  |  1 -
 .../imports/ui/components/actions-bar/styles.scss     |  4 ++--
 .../imports/ui/components/button/component.jsx        | 11 +----------
 .../imports/ui/components/button/styles.scss          |  6 +-----
 4 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/mute-button/component.jsx b/bigbluebutton-html5/imports/ui/components/actions-bar/mute-button/component.jsx
index 71d1f7fc9b..dff21723c1 100755
--- a/bigbluebutton-html5/imports/ui/components/actions-bar/mute-button/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/actions-bar/mute-button/component.jsx
@@ -17,7 +17,6 @@ export default class MuteAudio extends React.Component {
 
     return (
       <Button
-        glow={isTalking}
         onClick={callback}
         label={label}
         color={'primary'}
diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss b/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
index 3e674b9cb0..08cabd7782 100755
--- a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
@@ -31,6 +31,6 @@
   visibility: hidden;
 }
 
-.circleGlow span i{
-  text-shadow: 0 0 .35rem #FFF;
+.circleGlow > :first-child{
+    box-shadow: 0 0 .15rem #FFF !important;
 }
diff --git a/bigbluebutton-html5/imports/ui/components/button/component.jsx b/bigbluebutton-html5/imports/ui/components/button/component.jsx
index 8194dbf483..c4f16c1efc 100755
--- a/bigbluebutton-html5/imports/ui/components/button/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/button/component.jsx
@@ -64,12 +64,6 @@ const propTypes = {
    * @defaultValue false
    */
   hideLabel: PropTypes.bool,
-
-  /**
-   * Defines if the button should have styled box-shadow glow effect
-   * @defaultValue false
-   */
-  glow: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -81,7 +75,6 @@ const defaultProps = {
   block: false,
   iconRight: false,
   hideLabel: false,
-  glow: false,
 };
 
 export default class Button extends BaseButton {
@@ -99,17 +92,15 @@ export default class Button extends BaseButton {
       circle,
       block,
       iconRight,
-      glow,
     } = this.props;
 
     let propClassNames = {};
-    let circleType = (glow) ? styles.circleGlow : styles.circle;
 
     propClassNames[styles.button] = true;
     propClassNames[styles[size]] = true;
     propClassNames[styles[color]] = true;
     propClassNames[styles.ghost] = ghost;
-    propClassNames[circleType] = circle;
+    propClassNames[styles.circle] = circle;
     propClassNames[styles.block] = block;
     propClassNames[styles.iconRight] = iconRight;
     propClassNames[styles.disabled] = disabled;
diff --git a/bigbluebutton-html5/imports/ui/components/button/styles.scss b/bigbluebutton-html5/imports/ui/components/button/styles.scss
index 8275298f73..4d7b84befb 100755
--- a/bigbluebutton-html5/imports/ui/components/button/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/button/styles.scss
@@ -259,11 +259,7 @@ $btn-jumbo-padding: $jumbo-padding-y $jumbo-padding-x;
   }
 }
 
-.circleGlow {
-    box-shadow: 0 0 .15rem #FFF;
-}
-
-.circle, .circleGlow {
+.circle {
   $btn-sm-padding-x: nth($btn-sm-padding, 2) / 2.75;
   $btn-md-padding-x: nth($btn-md-padding, 2) / 2.75;
   $btn-lg-padding-x: nth($btn-lg-padding, 2) / 2.75;