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