From fbc1bc4255b2dd46acd4e279fdc1a93a65073f0e Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Wed, 6 Jul 2022 00:35:55 +0800
Subject: [PATCH] UX: Prevent overlap between splash loader and splash text on
 some browsers take 2 (#17341)

Same as #17340

context: https://meta.discourse.org/t/show-a-loader-starting-page-for-slow-connections/42981/23?u=johani

No visual changes, just a fix for more situations where the overlap happens.
---
 app/views/common/_discourse_splash.html.erb | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/app/views/common/_discourse_splash.html.erb b/app/views/common/_discourse_splash.html.erb
index ea7b952e57f..879e818bb76 100644
--- a/app/views/common/_discourse_splash.html.erb
+++ b/app/views/common/_discourse_splash.html.erb
@@ -11,9 +11,6 @@
       backface-visibility: hidden;
       background: var(--secondary);
       position: absolute;
-      left: 0;
-      top: 0;
-      height: 100%;
       width: 100%;
       z-index: 1001;
       --animation-state: paused;
@@ -32,10 +29,7 @@
       animation-fill-mode: forwards;
       animation-play-state: var(--animation-state);
       color: var(--primary);
-    }
-
-    #d-splash .preloader-text {
-      padding-top: 4em;
+      margin-bottom: -4em;
     }
 
     #d-splash .preloader-text:after {