From a1d482f3a76153d4d618bf8b48163f3d492ad34c Mon Sep 17 00:00:00 2001
From: Jason Woodland <me@jasonwoodland.com>
Date: Wed, 6 Jul 2022 21:59:09 +1000
Subject: [PATCH] fix(modal): do not animate transform-origin

---
 components/ui/Modal/Modal.less | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/ui/Modal/Modal.less b/components/ui/Modal/Modal.less
index b691ee194a..f025bcf313 100644
--- a/components/ui/Modal/Modal.less
+++ b/components/ui/Modal/Modal.less
@@ -10,7 +10,7 @@
 
 .modal-background {
   &:extend(.blur-less);
-  background: rgba(0,0,0,0.25);
+  background: rgba(0, 0, 0, 0.25);
 }
 
 .modal-card-body {
@@ -31,6 +31,7 @@
 .modal-card {
   width: fit-content;
   box-shadow: @ui-shadow;
+  transform-origin: 50% 200%;
 }
 
 .modal-container {
@@ -97,7 +98,9 @@
 
 .modal-enter-active,
 .modal-leave-active {
-  &, .modal-background, .modal-card {
+  &,
+  .modal-background,
+  .modal-card {
     transition: all @animation-speed-long ease;
   }
 }
@@ -112,7 +115,6 @@
   .modal-card {
     opacity: 0;
     transform: perspective(400px) rotateX(2deg);
-    transform-origin: 50% 200%;
     filter: @light-blur;
   }
 }