From ba1ba46f4d67f451e3188aec56ddcc5bdded6c81 Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Fri, 4 Jun 2021 10:13:51 -0500
Subject: [PATCH] Call toasts should be atop call headers

---
 stylesheets/_modules.scss            |  2 +-
 ts/components/CallScreen.stories.tsx | 34 ++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index d6662c8617..a0585dafe9 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -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;
diff --git a/ts/components/CallScreen.stories.tsx b/ts/components/CallScreen.stories.tsx
index 33880d85a3..ac17e3df0b 100644
--- 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,
+          })),
+      })}
+    />
+  )
+);