Merge pull request bigbluebutton#15631 from JoVictorNunes/issue-15559

fix: screenshare volume control
EXTREMOPHILARUM · Sep 7, 2022 · 0660095 · 0660095
2 parents bcd4d5f + 4277a0e
commit 0660095
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/bigbluebutton-html5/imports/ui/components/external-video-player/volume-slider/styles.js b/bigbluebutton-html5/imports/ui/components/external-video-player/volume-slider/styles.js
@@ -11,7 +11,7 @@ const Slider = styled.div`
   background-color: rgba(0,0,0,0.5);
   border-radius: 32px;
 
-  & > i {
+  i {
     color: white;
     transition: 0.5s;
     font-size: 200%;

diff --git a/bigbluebutton-html5/imports/ui/components/screenshare/component.jsx b/bigbluebutton-html5/imports/ui/components/screenshare/component.jsx
@@ -483,6 +483,7 @@ class ScreenshareComponent extends React.Component {
         ref={(ref) => {
           this.screenshareContainer = ref;
         }}
+        id="screenshareContainer"
       >
         {loaded && this.renderFullscreenButton()}
         {this.renderVideo(true)}

diff --git a/bigbluebutton-html5/imports/ui/components/screenshare/styles.js b/bigbluebutton-html5/imports/ui/components/screenshare/styles.js
@@ -75,7 +75,7 @@ const HoverToolbar = styled.div`
   ${({ toolbarStyle }) => toolbarStyle === 'hoverToolbar' && `
     display: none;
 
-    :hover > & {
+    #screenshareContainer:hover > & {
       display: flex;
     }
   `}