Call toasts should be atop call headers

Co-authored-by: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
signalapp · Jun 4, 2021 · 48ffc0b · 48ffc0b
1 parent 6364879
commit 48ffc0b
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
@@ -6032,7 +6032,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;

diff --git a/ts/components/CallScreen.stories.tsx b/ts/components/CallScreen.stories.tsx
@@ -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,
+          })),
+      })}
+    />
+  )
+);