Remove "netInfo" class

auto_join_3.3
Roman Drozd 2020-05-12 20:15:21 +02:00
parent 972e74a00a
commit 2c9d302d3c
1 changed files with 38 additions and 44 deletions

View File

@ -74,29 +74,14 @@ const styles = (theme) =>
{ {
padding : theme.spacing(0.5), padding : theme.spacing(0.5),
borderRadius : 2, borderRadius : 2,
'& p' :
{
userSelect : 'none', userSelect : 'none',
margin : 0, margin : 0,
color : 'rgba(255, 255, 255, 0.7)', color : 'rgba(255, 255, 255, 0.7)',
fontSize : '0.8em' fontSize : '0.8em',
},
'&.left' : '&.left' :
{ {
backgroundColor : 'rgba(0, 0, 0, 0.25)' backgroundColor : 'rgba(0, 0, 0, 0.25)',
},
'&.right' :
{
marginLeft : 'auto',
width : 30
},
'&.hidden' :
{
opacity : 0,
transitionDuration : '0s'
},
'& .netInfo' :
{
display : 'grid', display : 'grid',
gap : '1px 5px', gap : '1px 5px',
gridTemplateAreas : '\ gridTemplateAreas : '\
@ -130,6 +115,17 @@ const styles = (theme) =>
'& .STLcurr' : { gridArea: 'STLcurr' }, '& .STLcurr' : { gridArea: 'STLcurr' },
'& .STLprefL' : { gridArea: 'STLprefL' }, '& .STLprefL' : { gridArea: 'STLprefL' },
'& .STLpref' : { gridArea: 'STLpref' } '& .STLpref' : { gridArea: 'STLpref' }
},
'&.right' :
{
marginLeft : 'auto',
width : 30
},
'&.hidden' :
{
opacity : 0,
transitionDuration : '0s'
} }
}, },
peer : peer :
@ -272,7 +268,6 @@ class VideoView extends React.PureComponent
<div className={classes.info}> <div className={classes.info}>
<div className={classes.media}> <div className={classes.media}>
<div className={classnames(classes.box, 'left', { hidden: !advancedMode })}> <div className={classnames(classes.box, 'left', { hidden: !advancedMode })}>
<p className={'netInfo'}>
{ audioCodec && { audioCodec &&
<React.Fragment> <React.Fragment>
<span className={'AcodL'}>Acod: </span> <span className={'AcodL'}>Acod: </span>
@ -340,7 +335,6 @@ class VideoView extends React.PureComponent
<span className={'STLpref'}>{consumerPreferredSpatialLayer} {consumerPreferredTemporalLayer}</span> <span className={'STLpref'}>{consumerPreferredSpatialLayer} {consumerPreferredTemporalLayer}</span>
</React.Fragment> </React.Fragment>
} }
</p>
</div> </div>
{ !isMe && { !isMe &&