BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix icon size and hide on not hover

Browse Source
This commit is contained in:
Lucas Zawacki 2021-03-05 17:06:50 -03:00
parent eae1b78e82
commit 3c974b8c8c
2 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
bigbluebutton-html5/imports/ui/components/external-video-player/component.jsx
View File

@ -499,18 +499,18 @@ class VideoPlayer extends Component {
/> />
{ !isPresenter ? { !isPresenter ?
<div className={styles.hoverToolbar}> <div className={styles.hoverToolbar}>
<VolumeSlider <VolumeSlider
volume={volume} volume={volume}
muted={muted || mutedByEchoTest} muted={muted || mutedByEchoTest}
onMuted={this.handleOnMuted} onMuted={this.handleOnMuted}
onVolumeChanged={this.handleVolumeChanged} onVolumeChanged={this.handleVolumeChanged}
/> />
<ReloadButton <ReloadButton
handleReload={this.handleReload} handleReload={this.handleReload}
label={intl.formatMessage(intlMessages.refreshLabel)}> label={intl.formatMessage(intlMessages.refreshLabel)}>
</ReloadButton> </ReloadButton>
</div> </div>
: null : null
} }
</div> </div>
); );

10
bigbluebutton-html5/imports/ui/components/external-video-player/volume-slider/styles.scss
View File

@ -14,15 +14,12 @@
max-width: 20vw; max-width: 20vw;
} }
.streamingIndicator {
}
.slider { .slider {
@extend %baseIndicator; @extend %baseIndicator;
display: flex; display: flex;
position: relative; position: relative;
bottom: 3.5em; bottom: 3.5em;
left: 10em; left: 1em;
min-width: 200px; min-width: 200px;
background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5);
@ -35,13 +32,12 @@
font-size: 200%; font-size: 200%;
cursor: pointer; cursor: pointer;
} }
} }
.volumeSlider { .volumeSlider {
width: 150px; width: 100%;
} }
.volume { .volume {
margin-right: 1em; margin-right: 0.5em;
} }