haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(remote-control): mouse events

This commit is contained in:
Hristo Terezov 2020-02-07 17:10:52 +02:00
parent 7d09088186
commit 5940f2890a
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
react/features/filmstrip/components/web/Filmstrip.js
View File

@ -161,14 +161,15 @@ class Filmstrip extends Component <Props> {
// will get updated without replacing the DOM. If the known DOM gets // will get updated without replacing the DOM. If the known DOM gets
// modified, then the views will get blown away. // modified, then the views will get blown away.
const remoteVideosStyle = { }; const filmstripStyle = { };
const filmstripRemoteVideosContainerStyle = {}; const filmstripRemoteVideosContainerStyle = {};
let remoteVideoContainerClassName = 'remote-videos-container'; let remoteVideoContainerClassName = 'remote-videos-container';
switch (this.props._currentLayout) { switch (this.props._currentLayout) {
case LAYOUTS.VERTICAL_FILMSTRIP_VIEW: case LAYOUTS.VERTICAL_FILMSTRIP_VIEW:
// Adding 8px for the 2px margins and 2px borders on the left and right. Also adding 7px for the scrollbar. // Adding 18px for the 2px margins, 2px borders on the left and right and 5px padding on the left and right.
remoteVideosStyle.maxWidth = (interfaceConfig.FILM_STRIP_MAX_HEIGHT || 120) + 15; // Also adding 7px for the scrollbar.
filmstripStyle.maxWidth = (interfaceConfig.FILM_STRIP_MAX_HEIGHT || 120) + 25;
break; break;
case LAYOUTS.TILE_VIEW: { case LAYOUTS.TILE_VIEW: {
// The size of the side margins for each tile as set in CSS. // The size of the side margins for each tile as set in CSS.
@ -184,13 +185,14 @@ class Filmstrip extends Component <Props> {
} }
return ( return (
<div className = { `filmstrip ${this.props._className}` }> <div
className = { `filmstrip ${this.props._className}` }
style = { filmstripStyle }>
{ this.props._filmstripOnly { this.props._filmstripOnly
? <Toolbar /> : this._renderToggleButton() } ? <Toolbar /> : this._renderToggleButton() }
<div <div
className = { this.props._videosClassName } className = { this.props._videosClassName }
id = 'remoteVideos' id = 'remoteVideos'>
style = { remoteVideosStyle }>
<div <div
className = 'filmstrip__videos' className = 'filmstrip__videos'
id = 'filmstripLocalVideo' id = 'filmstripLocalVideo'