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:
parent
4afe4649ec
commit
0e7f641dc1
25 changed files with 556 additions and 97 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue