Merge pull request #3532 from Lajellu/recordingIconLogic

HTML5 - Fix Recording Indicator Logic

bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx

@@ -10,8 +10,7 @@ export default class RecordingIndicator extends Component {
   render() {
     const { beingRecorded } = this.props;
     let classNames = {};
-    classNames[styles.indicator] = true;
-    classNames[styles.beingRecorded] = beingRecorded;
+    classNames[styles.indicator] = beingRecorded;
 
     return (
       <span className={cx(classNames)}></span>

bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss

@@ -18,12 +18,6 @@
     margin-top: -($font-size-base / 4);
     margin-left: -($font-size-base / 4);
     border-radius: 50%;
-    background-color: $color-white;
-  }
-}
-
-.beingRecorded {
-  &:after {
-    background-color: $color-danger !important;
+    background-color: $color-danger;
   }
 }