Call toasts should be atop call headers

This commit is contained in:
Evan Hahn 2021-06-04 10:13:51 -05:00 committed by GitHub
parent 2d6b0ecfe9
commit ba1ba46f4d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 35 additions and 1 deletions

View file

@ -6026,7 +6026,7 @@ button.module-image__border-overlay:focus {
top: 12px;
transition: top 200ms ease-out, opacity 200ms ease-out;
user-select: none;
z-index: 1;
z-index: 3;
&--hidden {
opacity: 0;

View file

@ -339,3 +339,37 @@ story.add('Group call - 0', () => (
})}
/>
));
story.add('Group call - someone is sharing screen', () => (
<CallScreen
{...createProps({
callMode: CallMode.Group,
remoteParticipants: allRemoteParticipants
.slice(0, 5)
.map((participant, index) => ({
...participant,
presenting: index === 1,
sharingScreen: index === 1,
})),
})}
/>
));
story.add(
"Group call - someone is sharing screen and you're reconnecting",
() => (
<CallScreen
{...createProps({
callMode: CallMode.Group,
connectionState: GroupCallConnectionState.Reconnecting,
remoteParticipants: allRemoteParticipants
.slice(0, 5)
.map((participant, index) => ({
...participant,
presenting: index === 1,
sharingScreen: index === 1,
})),
})}
/>
)
);