From 67d6c3e0fc5141a9838f37392c235703f016742f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonas=20R=C3=B6ger?= <jonas.roeger@tu-dortmund.de>
Date: Thu, 17 Oct 2019 14:43:46 +0200
Subject: [PATCH] Changed css loading bar
---
html/static/style.css | 24 ++++++++++++++++++++----
1 file changed, 20 insertions(+), 4 deletions(-)
diff --git a/html/static/style.css b/html/static/style.css
index 4ee89b6..a573028 100644
--- a/html/static/style.css
+++ b/html/static/style.css
@@ -345,18 +345,19 @@ h3 {
.loadingbar {
margin-top: 1px;
margin-bottom: 1px;
- height: 1px;
+ height: 2px;
width: 100%;
background-color: #14b967;
- animation-name: left-right;
+ animation-name: left-to-right;
animation-duration: 1s;
- animation-direction: alternate;
+ animation-direction: normal;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
-@keyframes left-right {
+/* Use with animation-direction alternate */
+@keyframes left-to-right-and-back {
from {
float: left;
width: 5%;
@@ -370,6 +371,21 @@ h3 {
}
}
+/* Use with animation-direction normal */
+@keyframes left-to-right {
+ from {
+ float: left;
+ width: 0%;
+ }
+ 50% {
+ width: 100%;
+ }
+ to {
+ float: right;
+ width: 0%;
+ }
+}
+
.big-link {
margin-top: auto;
margin-bottom: auto;
--
GitLab