Let users ring members when starting a group call

Co-Authored-By: Josh Perez <60019601+josh-signal@users.noreply.github.com>
This commit is contained in:
Evan Hahn 2021-08-25 16:42:51 -05:00 committed by GitHub
parent 4afe4649ec
commit 0e7f641dc1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
25 changed files with 556 additions and 97 deletions

View file

@ -5362,6 +5362,24 @@ button.module-image__border-overlay:focus {
.module-calling-button__container {
display: inline-flex;
flex-direction: column;
margin-left: 0;
transition: margin-left 0.3s ease-out, opacity 0.3s ease-out;
@media (prefers-reduced-motion) {
transition: none;
}
&--hidden {
margin-left: -100px;
opacity: 0;
pointer-events: none;
// The container could be wider than 100px depending on the label. Hiding the label
// ensures that the above `margin-left` will completely hide the button.
.module-calling-button__label {
display: none;
}
}
}
.module-calling-button__icon {
@ -5429,6 +5447,19 @@ button.module-image__border-overlay:focus {
);
}
&--ring {
$icon: '../images/icons/v2/ring-28.svg';
&--on {
@include calling-button-icon-on($icon);
}
&--off {
@include calling-button-icon-off($icon);
}
&--disabled {
@include calling-button-icon-disabled($icon);
}
}
&--presenting {
$icon: '../images/icons/v2/share-screen-26.svg';
&--on {
@ -5491,7 +5522,7 @@ button.module-image__border-overlay:focus {
}
&__container {
&--direct {
&--direct:not(&--call-not-started) {
.module-ongoing-call__header {
position: absolute;
}
@ -5517,6 +5548,10 @@ button.module-image__border-overlay:focus {
letter-spacing: -0.0025em;
}
&__direct-call-ringing-spacer {
flex: 1;
}
&__participants {
display: flex;
flex: 1 1 0;
@ -5710,6 +5745,11 @@ button.module-image__border-overlay:focus {
position: absolute;
top: 0;
width: 100%;
z-index: -1;
video {
@include lonely-local-video-preview;
}
}
&__footer {