From 6072fbac5c65de386aa32b666edee26787fb495e Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sat, 27 Jul 2024 19:26:07 +0600
Subject: [PATCH] web/DialogHolder: fix bottom margin on mobile during the
 close animation

---
 web/src/components/dialog/DialogHolder.svelte | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/src/components/dialog/DialogHolder.svelte b/web/src/components/dialog/DialogHolder.svelte
index b715a485..3f2e9149 100644
--- a/web/src/components/dialog/DialogHolder.svelte
+++ b/web/src/components/dialog/DialogHolder.svelte
@@ -120,21 +120,24 @@
         will-change: transform;
     }
 
-    :global(.open .dialog-body) {
+    :global(dialog.open .dialog-body) {
         animation: modal-in 0.35s;
     }
 
-    :global(.closing .dialog-body) {
+    :global(dialog.closing .dialog-body) {
         animation: modal-out 0.15s;
         opacity: 0;
     }
 
     @media screen and (max-width: 535px) {
-        :global(.open .dialog-body) {
+        :global(dialog.open .dialog-body) {
             animation: modal-in-mobile 0.4s;
+        }
+
+        :global(dialog .dialog-body) {
             margin-bottom: calc(
                 var(--padding) / 2 + env(safe-area-inset-bottom)
-            );
+            ) !important;
             box-shadow: 0 0 0 2px var(--popup-stroke) inset;
         }
     }