From 473ed63ca6c087e2801eb000342fc3f7a0a5b07b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ba=CC=81lint=20Szekeres?= Date: Sun, 19 May 2019 09:02:13 +0200 Subject: [PATCH] moved loader to header --- public/index.html | 12 ++++++------ resources/scss/_header.scss | 32 ++++++++++++++++++++++++++++++++ resources/scss/_main.scss | 34 ---------------------------------- 3 files changed, 38 insertions(+), 40 deletions(-) diff --git a/public/index.html b/public/index.html index eff7943..ca6c4d4 100644 --- a/public/index.html +++ b/public/index.html @@ -18,6 +18,12 @@
+
+ +
@@ -970,12 +976,6 @@
-
- -
diff --git a/resources/scss/_header.scss b/resources/scss/_header.scss index 48b8a65..7542fab 100644 --- a/resources/scss/_header.scss +++ b/resources/scss/_header.scss @@ -1,4 +1,5 @@ header { + position: relative; background-color: #000; padding: 0.5rem 0; text-align: center; @@ -6,6 +7,37 @@ header { color: #fff; font-size: 2.2rem; + .loader { + position: absolute; + top: 5px; + left: 50%; + pointer-events: none; + margin-left: -230px; + + .spinner { + width: 50px; + height: 50px; + position: relative; + + .double-bounce1, + .double-bounce2 { + width: 100%; + height: 100%; + border-radius: 50%; + background-color: #999; + opacity: 0.6; + position: absolute; + top: 0; + left: 0; + animation: sk-bounce 2.0s infinite ease-in-out; + } + + .double-bounce2 { + animation-delay: -1.0s; + } + } + } + .logo { height: 3rem; margin-bottom: 0.5rem; diff --git a/resources/scss/_main.scss b/resources/scss/_main.scss index 4184702..04e5481 100644 --- a/resources/scss/_main.scss +++ b/resources/scss/_main.scss @@ -246,40 +246,6 @@ section.tabs { } } -section.loader { - position: fixed; - z-index: 1; - bottom: 25%; - left: 50%; - transform: translate(-50%, -50%); - pointer-events: none; - - .spinner { - width: 50px; - height: 50px; - - position: relative; - margin: 100px auto; - - .double-bounce1, - .double-bounce2 { - width: 100%; - height: 100%; - border-radius: 50%; - background-color: #999; - opacity: 0.6; - position: absolute; - top: 0; - left: 0; - animation: sk-bounce 2.0s infinite ease-in-out; - } - - .double-bounce2 { - animation-delay: -1.0s; - } - } -} - main { flex: 1 1 auto; opacity: 0;