From 66800436e486711c23ea1b44ed11f72f17af99ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= Date: Tue, 12 Jul 2022 16:12:16 +0200 Subject: [PATCH] chore(templates): animate the loading bar too --- .../ui-templates/templates/loading/index.html | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/packages/ui-templates/templates/loading/index.html b/packages/ui-templates/templates/loading/index.html index 4f2a91f2ea..145ecef759 100644 --- a/packages/ui-templates/templates/loading/index.html +++ b/packages/ui-templates/templates/loading/index.html @@ -19,7 +19,7 @@ width: 100%; background-size: 200% auto; background-position: 0 0; - animation: gradient 2s infinite; + animation: gradient 2s infinite, width 8s infinite ease-in-out; animation-fill-mode: forwards; animation-timing-function: linear; } @@ -36,6 +36,17 @@ background-position: -200% 0; } } + @keyframes width { + 0% { + width: 100%; + } + 50% { + width: 0%; + } + 100% { + width: 100%; + } + } @@ -49,7 +60,7 @@
-
+