Tooltips hidden by default on mobile

This commit is contained in:
James Barnsley
2018-09-21 11:58:54 +12:00
parent 28d274c3fb
commit 847d1312ab
13 changed files with 86 additions and 76 deletions

View File

@ -19,16 +19,16 @@ export default class VolumeControl extends React.Component{
renderMuteButton(){
if (this.props.mute){
return (
<a className="control mute-control has-tooltip" onClick={() => this.props.onMuteChange(false)}>
<a className="control mute-control tooltip" onClick={() => this.props.onMuteChange(false)}>
<Icon className="red-text" name="volume_off" />
<span className="tooltip">Unmute</span>
<span className="tooltip__content">Unmute</span>
</a>
)
} else {
return (
<a className="control mute-control has-tooltip" onClick={() => this.props.onMuteChange(true)}>
<a className="control mute-control tooltip" onClick={() => this.props.onMuteChange(true)}>
<Icon className="muted" name="volume_mute" />
<span className="tooltip">Mute</span>
<span className="tooltip__content">Mute</span>
</a>
)
}