From eb250ebf13c1f788dadd6d08d4f41e7955db5243 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Fri, 13 Jan 2023 23:53:42 +0100
Subject: [PATCH] Adjust position of loader in splash
---
aleksis/core/assets/components/Loading.vue | 11 ++++++++---
.../templates/core/partials/splash_screen.html | 17 ++++++++++-------
2 files changed, 18 insertions(+), 10 deletions(-)
diff --git a/aleksis/core/assets/components/Loading.vue b/aleksis/core/assets/components/Loading.vue
index e02aba489..183be93ff 100644
--- a/aleksis/core/assets/components/Loading.vue
+++ b/aleksis/core/assets/components/Loading.vue
@@ -1,6 +1,8 @@
<template>
- <div v-if="splash" id="logo-container">
- <img src="/logo" alt="Logo" id="logo" width="600" />
+ <div v-if="splash">
+ <div id="logo-container">
+ <img src="/logo" alt="Logo" id="logo" width="600" />
+ </div>
<div class="lds-ellipsis">
<div></div>
<div></div>
@@ -54,7 +56,10 @@ export default {
.lds-ellipsis {
display: inline-block;
- position: relative;
+ position: absolute;
+ bottom: 5%;
+ left: 50%;
+ transform: translate(-50%);
width: 80px;
height: 80px;
}
diff --git a/aleksis/core/templates/core/partials/splash_screen.html b/aleksis/core/templates/core/partials/splash_screen.html
index 94a8e2e17..e637aa535 100644
--- a/aleksis/core/templates/core/partials/splash_screen.html
+++ b/aleksis/core/templates/core/partials/splash_screen.html
@@ -7,18 +7,18 @@
id="logo"
width="600"
>
- <div class="lds-ellipsis">
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- </div>
<noscript>
{% blocktrans %}
This webbrowser doesn't support JavaScript, or it's execution is blocked. Please use another browser to continue.
{% endblocktrans %}
</noscript>
</div>
+<div class="lds-ellipsis">
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+</div>
<style>
#logo {
@@ -41,7 +41,10 @@
.lds-ellipsis {
display: inline-block;
- position: relative;
+ position: absolute;
+ bottom: 5%;
+ left: 50%;
+ transform: translate(-50%);
width: 80px;
height: 80px;
}
--
GitLab