Merge pull request #17924 from ramonlsouza/issue-17894

fix: Right-clicking whiteboard area makes UI disappear
bigbluebutton · May 30, 2023 · a672b48 · a672b48
2 parents 20d1247 + 06c0fab
commit a672b48
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/bigbluebutton-html5/client/stylesheets/modals.css b/bigbluebutton-html5/client/stylesheets/modals.css
@@ -41,7 +41,7 @@
 
 /* Prevents that an element within app shows over a modal */
 #app {
-  position: relative;
+  position: inherit;
   z-index: 1000 !important;
 }
 

diff --git a/bigbluebutton-html5/imports/ui/components/common/menu/component.jsx b/bigbluebutton-html5/imports/ui/components/common/menu/component.jsx
@@ -151,7 +151,7 @@ class BBBMenu extends React.Component {
     const { trigger, intl, customStyles, dataTest, opts, accessKey, open, renderOtherComponents } = this.props;
     const actionsItems = this.makeMenuItems();
 
-    let menuStyles = { zIndex: 9999 };
+    let menuStyles = { zIndex: 999 };
 
     if (customStyles) {
       menuStyles = { ...menuStyles, ...customStyles };

diff --git a/bigbluebutton-html5/imports/ui/components/common/toast/styles.js b/bigbluebutton-html5/imports/ui/components/common/toast/styles.js
@@ -177,7 +177,7 @@ const Toast = styled.div`
 `;
 
 const ToastifyContainer = styled(Toastify)`
-  z-index: 9998;
+  z-index: 998;
   position: fixed;
   min-width: 20rem !important;
   max-width: 23rem !important;

diff --git a/bigbluebutton-html5/imports/ui/stylesheets/styled-components/general.js b/bigbluebutton-html5/imports/ui/stylesheets/styled-components/general.js
@@ -64,7 +64,7 @@ const pollMdMargin = '0.7rem';
 const pollResultWidth = '15rem';
 const pollInputHeight = '2.5rem';
 const pollWidth = '18rem';
-const overlayIndex = '9999';
+const overlayIndex = '999';
 const overlayOpacity = '0.349';
 const pollIndex = '1016';
 const pollBottomOffset = '4.5rem';

diff --git a/bigbluebutton-html5/imports/ui/stylesheets/styled-components/globalStyles.js b/bigbluebutton-html5/imports/ui/stylesheets/styled-components/globalStyles.js
@@ -111,7 +111,7 @@ const GlobalStyle = createGlobalStyle`
     right: auto;
     width: 0;
     height: 5px;
-    z-index: 9999;
+    z-index: 999;
     animation: track-progress linear 1;
     background-color: ${colorGrayLighter};
     border-radius: ${borderRadius};