diff options
| author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-07-09 13:48:47 +0300 |
|---|---|---|
| committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-07-09 14:27:15 +0300 |
| commit | ec8570e355dc719852e4a9c46f9c07d5b4a93ae0 (patch) | |
| tree | f8c752298b61929654cc4bc48232aa4751175d03 /css | |
| parent | 4bb188e884238b50e1b1c76b8c630e59feb48272 (diff) | |
Reduce opacity of avatars for peers that are not connected
Until now the opacity of the avatar was reduced when the peer was
created until it got connected for the first time. Now the opacity of
the avatar is reduced whenever the peer is not connected. In practice,
the difference is that now the opacity is changed too when there are
issues with the connection to the other peer.
Note that the issues were already signaled using the loading icon, but
only after a long disconnection; now the opacity is reduced as soon as
there is a disconnection, which provides quicker feedback of the issue
while keeping the previous behaviour (as the loading icon is still shown
in a long disconnection).
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'css')
| -rw-r--r-- | css/video.scss | 4 |
1 files changed, 4 insertions, 0 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; |