fix(multi-stream): fix virtual screenshare participant's thumbnail.

Add a screenshare status indicator at the bottom.
Fix the font and size of the resolution/fps stats so that it matches with that of the other thumbnails.
This commit is contained in:
Jaya Allamsetty
2022-05-12 18:47:38 -04:00
parent ffa55cca1e
commit 97ca3fb622
6 changed files with 66 additions and 39 deletions

View File

@@ -281,7 +281,7 @@ class ConnectionStatsTable extends Component<Props> {
*/
_renderScreenShareStatus() {
const { classes } = this.props;
const className = isMobileBrowser() ? 'connection-info connection-info__mobile' : 'connection-info';
const className = clsx(classes.connectionStatsTable, { [classes.mobile]: isMobileBrowser() });
return (<ContextMenu
className = { classes.contextMenu }
@@ -290,13 +290,10 @@ class ConnectionStatsTable extends Component<Props> {
<div
className = { className }
onClick = { onClick }>
{ <table className = 'connection-info__container'>
<tbody>
{ this._renderResolution() }
{ this._renderFrameRate() }
</tbody>
</table> }
<tbody>
{ this._renderResolution() }
{ this._renderFrameRate() }
</tbody>
</div>
</ContextMenu>);
}