From 3b625226def63c3ef992cd3821644887072501be Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 8 Nov 2024 12:13:48 +0000
Subject: [PATCH] Add lower motion mode.

---
 src/room/InCallView.module.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/room/InCallView.module.css b/src/room/InCallView.module.css
index 981db007..a90987c0 100644
--- a/src/room/InCallView.module.css
+++ b/src/room/InCallView.module.css
@@ -154,6 +154,7 @@ Please see LICENSE in the repository root for full details.
   animation-duration: 4s;
   animation-name: reaction-up;
   width: fit-content;
+  pointer-events: none;
 }
 
 @keyframes reaction-up {
@@ -171,7 +172,7 @@ Please see LICENSE in the repository root for full details.
 }
 
 @media (prefers-reduced-motion) {
-  @keyframes reaction-up {
+  @keyframes reaction-up-reduced {
     from {
       opacity: 1;
     }
@@ -180,4 +181,11 @@ Please see LICENSE in the repository root for full details.
       opacity: 0;
     }
   }
+
+  .floatingReaction {
+    font-size: 48pt;
+    animation-name: reaction-up-reduced;
+    top: calc(-50vh + (48pt / 2));
+    left: calc(50vw - (48pt / 2)) !important;
+  }
 }