Call lobby: don't flip avatar when video is off

signalapp · Aug 18, 2021 · 1965228 · 1965228
1 parent 91af0da
commit 1965228
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/stylesheets/components/CallingLobby.scss b/stylesheets/components/CallingLobby.scss
@@ -7,9 +7,12 @@
     object-fit: cover;
     opacity: 0.6;
     position: absolute;
-    transform: rotateY(180deg);
     width: 100%;
     z-index: -1;
+
+    &--camera-is-on {
+      transform: rotateY(180deg);
+    }
   }
 
   &__camera-is-off {

diff --git a/ts/components/CallingLobby.tsx b/ts/components/CallingLobby.tsx
@@ -153,13 +153,13 @@ export const CallingLobby = ({
     <div className="module-calling__container">
       {shouldShowLocalVideo ? (
         <video
-          className="module-CallingLobby__local-preview"
+          className="module-CallingLobby__local-preview module-CallingLobby__local-preview--camera-is-on"
           ref={localVideoRef}
           autoPlay
         />
       ) : (
         <CallBackgroundBlur
-          className="module-CallingLobby__local-preview"
+          className="module-CallingLobby__local-preview module-CallingLobby__local-preview--camera-is-off"
           avatarPath={me.avatarPath}
           color={me.color}
         />