From ffb067a8a3e3eaf71634d1ec78ae5e23eb30f0f0 Mon Sep 17 00:00:00 2001
From: Ramon Souza <contato@ramonsouza.com>
Date: Wed, 12 May 2021 11:07:18 -0300
Subject: [PATCH] fix action buttons visibility
---
.../actions-bar/actions-dropdown/component.jsx | 2 ++
.../actions-bar/actions-dropdown/container.jsx | 1 +
.../imports/ui/components/actions-bar/styles.scss | 10 +++++++---
3 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/component.jsx b/bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/component.jsx
index f4d41b5e68..795f2a3d86 100755
--- a/bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/component.jsx
+++ b/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)}
diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/container.jsx b/bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/container.jsx
index 996a644d6a..e9c8102edf 100644
--- a/bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/container.jsx
+++ b/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(),
});
diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss b/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
index e85cd065da..93191969c4 100755
--- a/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
+++ b/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;
--
GitLab