diff options
| -rw-r--r-- | css/video.scss | 4 | ||||
| -rw-r--r-- | js/views/videoview.js | 5 |
2 files changed, 7 insertions, 2 deletions
diff --git a/css/video.scss b/css/video.scss index e858a7c77..1559d8ec3 100644 --- a/css/video.scss +++ b/css/video.scss @@ -72,6 +72,10 @@ video { box-shadow: 0 0 15px $color-box-shadow; } +#videos .videoContainer .avatar.not-connected { + opacity: 0.5; +} + .participants-1 #videos .videoContainer video, .participants-2 #videos .videoContainer video { padding: 0; diff --git a/js/views/videoview.js b/js/views/videoview.js index 21340d01d..43b516e2a 100644 --- a/js/views/videoview.js +++ b/js/views/videoview.js @@ -81,7 +81,7 @@ this.render(); this.getUI('avatar').addClass('icon-loading'); - this.getUI('avatar').css('opacity', '0.5'); + this.getUI('avatar').addClass('not-connected'); this.getUI('hideRemoteVideoButton').attr('data-original-title', t('spreed', 'Disable video')); this.getUI('hideRemoteVideoButton').addClass('hidden'); @@ -146,6 +146,7 @@ this._connectionStatus = connectionStatus; this.getUI('avatar').removeClass('icon-loading'); + this.getUI('avatar').addClass('not-connected'); this.getUI('iceFailedIndicator').addClass('not-failed'); if (connectionStatus === ConnectionStatus.CHECKING || @@ -158,7 +159,7 @@ if (connectionStatus === ConnectionStatus.CONNECTED || connectionStatus === ConnectionStatus.COMPLETED) { - this.getUI('avatar').css('opacity', '1'); + this.getUI('avatar').removeClass('not-connected'); return; } |