From 615f26634ee3a61f947d053ce9d37baf0fdfa7da Mon Sep 17 00:00:00 2001
From: "mathias.chouet" <mathias.chouet@irstea.fr>
Date: Thu, 10 Oct 2019 16:58:47 +0200
Subject: [PATCH] Update #179: progress bar is a bit less beautiful but works
 in Chromium now

---
 src/app/app.component.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index ae416e96d..12dee2394 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -44,13 +44,17 @@ button:focus {
         width: 25%;
         height: 4px;
         background-color: mat-color($accent);
-        animation: 2s scroll linear infinite;
+        animation: 1.5s scroll linear infinite;
     }
 }
 
 @keyframes scroll {
-    from { transform: translateX(-100%); }
-    to { transform: translateX(400%); }
+    from { transform: translateX(-100px); }
+    to { transform: translateX(1000px); }
+    // units in % give a better result but freeze during
+    // synchronous function calls in Chromium (works in FF)
+    /* from { transform: translateX(-100%); }
+    to { transform: translateX(400%); } */
 }
 
 #open-menu {
-- 
GitLab