From de3b131a1838b7f8ceac033a4af747ad6ce69a92 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 15 May 2023 17:59:29 +0200
Subject: [PATCH] Unify the appearance of new and legacy dialogs

Fixes #5507
---
 wcfsetup/install/files/style/ui/dialog.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/wcfsetup/install/files/style/ui/dialog.scss b/wcfsetup/install/files/style/ui/dialog.scss
index e96f4c27ff..993fd7ee1f 100644
--- a/wcfsetup/install/files/style/ui/dialog.scss
+++ b/wcfsetup/install/files/style/ui/dialog.scss
@@ -8,7 +8,7 @@
 	position: fixed;
 	right: 0;
 	top: 0;
-	transition: opacity 0.12s linear, visibility 0s linear 0.3s;
+	transition: opacity 0.12s linear, visibility 0s linear 0.24s;
 	visibility: hidden;
 	will-change: opacity;
 	z-index: 399;
@@ -23,22 +23,21 @@
 @keyframes wcfDialog {
 	0% {
 		visibility: visible;
-		top: 8%;
+		transform: translateX(var(--translate-x, 0)) translateY(calc(-50% - 20px));
+		//top: 8%;
 	}
 	100% {
 		visibility: visible;
-		top: 10%;
+		//top: 10%;
 	}
 }
 
 @keyframes wcfDialogOut {
 	0% {
-		visibility: visible;
-		top: 10%;
+		visibility: hidden;
 	}
 	100% {
 		visibility: hidden;
-		top: 12%;
 	}
 }
 
@@ -57,13 +56,14 @@
 
 	@include screen-sm-up {
 		align-self: flex-start;
-		animation: wcfDialogOut 0.3s;
+		animation: wcfDialogOut 0.24s;
 		animation-fill-mode: forwards;
 		justify-self: center;
 		max-height: 80%;
 		max-width: 80%;
 		min-width: 500px;
 		position: absolute;
+		top: 50%;
 
 		// This is required to prevent dialogs from becoming
 		// unncessarily wide by forcing text to wrap. We cannot
@@ -71,10 +71,10 @@
 		// this causes a blurry text rendering in Chromium.
 		// The offset is calculated using a `ResizeObserver`.
 		left: 50%;
-		transform: translateX(var(--translate-x, 0));
+		transform: translateX(var(--translate-x, 0)) translateY(-50%);
 
 		&[aria-hidden="false"] {
-			animation: wcfDialog 0.3s;
+			animation: wcfDialog 0.24s;
 			animation-fill-mode: forwards;
 		}
 	}
-- 
2.20.1