From 85b0d802622afbfbfffd161ed5437f79779e8fbf Mon Sep 17 00:00:00 2001
From: Alexander Zaytsev <nqst@users.noreply.github.com>
Date: Mon, 26 Jan 2026 16:29:03 +0100
Subject: [PATCH] Adjust dialog transition styles

---
 app/assets/stylesheets/dialog.css | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/app/assets/stylesheets/dialog.css b/app/assets/stylesheets/dialog.css
index 1336cad9b..97f2e7a76 100644
--- a/app/assets/stylesheets/dialog.css
+++ b/app/assets/stylesheets/dialog.css
@@ -7,17 +7,16 @@
   :is(.dialog) {
     border: 0;
     opacity: 0;
-    transform: scale(0.2);
-    transform-origin: top center;
-    transition: var(--dialog-duration) allow-discrete;
-    transition-property: display, opacity, overlay, transform;
+    transform: scale(0.9);
+    transform-origin: center;
+    transition: var(--dialog-duration) ease-out allow-discrete;
+    transition-property: opacity, overlay, transform;
 
     &::backdrop {
       background-color: var(--color-black);
-      opacity: 0;
-      transform: scale(1);
-      transition: var(--dialog-duration) allow-discrete;
-      transition-property: display, opacity, overlay;
+      opacity: 0.4;
+      transition: var(--dialog-duration) ease-out allow-discrete;
+      transition-property: opacity, overlay;
     }
 
     &[open] {
@@ -32,11 +31,11 @@
     @starting-style {
       &[open] {
         opacity: 0;
-        transform: scale(0.2);
+        transform: scale(0.9);
       }
 
       &[open]::backdrop {
-        opacity: 0;
+        opacity: 0.4;
       }
     }
   }