Merge pull request #12360 from ramonlsouza/fix-action-buttons

fix: action buttons in audio selector - mobile

bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/component.jsx

@@ -255,6 +255,7 @@ class ActionsDropdown extends PureComponent {
       amIModerator,
       shortcuts: OPEN_ACTIONS_AK,
       isMeteorConnected,
+      isDropdownOpen,
     } = this.props;
 
     const availableActions = this.getAvailableActions();
@@ -272,6 +273,7 @@ class ActionsDropdown extends PureComponent {
       <Dropdown className={styles.dropdown} ref={(ref) => { this._dropdown = ref; }}>
         <DropdownTrigger tabIndex={0} accessKey={OPEN_ACTIONS_AK}>
           <Button
+            className={isDropdownOpen ? styles.hideDropdownButton : ''}
             hideLabel
             aria-label={intl.formatMessage(intlMessages.actionsLabel)}
             label={intl.formatMessage(intlMessages.actionsLabel)}

bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/container.jsx

@@ -8,6 +8,7 @@ export default withTracker(() => {
   const presentations = Presentations.find({ 'conversion.done': true }).fetch();
   return ({
     presentations,
+    isDropdownOpen: Session.get('dropdownOpen'),
     setPresentation: PresentationUploaderService.setPresentation,
     podIds: PresentationPodService.getPresentationPodIds(),
   });

bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss

@@ -111,12 +111,16 @@
   }
 }
 
-.btn {
-  z-index: 3;
-}
 .dropdown{
   z-index: 4;
 }
+
+.hideDropdownButton {
+  @include mq($small-only) {
+    display:none;
+  }
+}
+
 .presentationItem {
   span {
     text-overflow: ellipsis;