mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Add audio mute indicator for local preview and group remote participants

Browse source
This commit is contained in:
Evan Hahn 2020-11-16 13:57:58 -06:00 • committed by Josh Perez
parent 022c4bd0f4
commit c6e4c1d1a9
5 changed files with 48 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

30
stylesheets/_modules.scss
View file

@ -6257,6 +6257,7 @@ button.module-image__border-overlay:focus {
&__group-call-remote-participant {
display: flex;
justify-content: center;
position: relative;
line-height: 0;
overflow: hidden;
@ -6268,6 +6269,20 @@ button.module-image__border-overlay:focus {
// The background-color is seen while the video loads.
background-color: $color-gray-75;
}
&--audio-muted::before {
@include color-svg(
'../images/icons/v2/mic-off-solid-28.svg',
$color-white
);
bottom: 12px;
content: '';
height: 28px;
position: absolute;
right: 12px;
width: 28px;
z-index: 1;
}
}
&__footer {
@ -6298,6 +6313,7 @@ button.module-image__border-overlay:focus {
height: $local-preview-height;
margin: 2px 16px 16px 0;
overflow: hidden;
position: relative;
width: $local-preview-width;
&__video {
@ -6307,6 +6323,20 @@ button.module-image__border-overlay:focus {
transform: rotateY(180deg);
width: 100%;
}
&--audio-muted::before {
@include color-svg(
'../images/icons/v2/mic-off-solid-28.svg',
$color-white
);
bottom: 6px;
content: '';
height: 14px;
position: absolute;
right: 6px;
width: 14px;
z-index: 1;
}
}
}