From d7d707e666ac3933afba361fb3ba34eb9d861ff4 Mon Sep 17 00:00:00 2001
From: dumbmoron <log@riseup.net>
Date: Thu, 22 Aug 2024 17:09:42 +0000
Subject: [PATCH] web/DialogHolder: fix dialog animation jumping on new safari
 versions

WebKit/WebKit@ce08f32453 breaks this animation on newer versions
of safari. why? i guess we'll never know
---
 web/src/components/dialog/DialogHolder.svelte | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/web/src/components/dialog/DialogHolder.svelte b/web/src/components/dialog/DialogHolder.svelte
index 3f2e9149..1b265758 100644
--- a/web/src/components/dialog/DialogHolder.svelte
+++ b/web/src/components/dialog/DialogHolder.svelte
@@ -57,12 +57,6 @@
         display: none;
     }
 
-    @media screen and (max-width: 535px) {
-        :global(dialog) {
-            justify-content: end;
-        }
-    }
-
     #dialog-holder {
         position: absolute;
         padding-top: env(safe-area-inset-bottom);
@@ -130,6 +124,10 @@
     }
 
     @media screen and (max-width: 535px) {
+        :global(dialog) {
+            justify-content: flex-end;
+        }
+
         :global(dialog.open .dialog-body) {
             animation: modal-in-mobile 0.4s;
         }
@@ -170,10 +168,13 @@
     }
 
     @keyframes modal-in-mobile {
-        from {
-            transform: translateY(200px);
+        0% {
+            transform: translateY(0);
             opacity: 0;
         }
+        1% {
+            transform: translateY(200px);
+        }
         30% {
             opacity: 1;
         }