From 8ee8975f1772d35b6a307b73757e32f0af2d6aff Mon Sep 17 00:00:00 2001
From: Alan Ren <alanren@microsoft.com>
Date: Thu, 13 May 2021 19:15:57 -0700
Subject: [PATCH] fix animated svg issue (#15471)

---
 src/sql/media/icons/loading.svg                               | 4 ++--
 src/sql/media/icons/loading_inverse.svg                       | 4 ++--
 src/sql/workbench/browser/modelComponents/media/loading.svg   | 4 ++--
 .../browser/modelComponents/media/loading_inverse.svg         | 4 ++--
 .../contrib/query/browser/modelViewTab/media/loading.svg      | 4 ++--
 .../query/browser/modelViewTab/media/loading_inverse.svg      | 4 ++--
 src/sql/workbench/contrib/tasks/browser/media/loading.svg     | 4 ++--
 .../workbench/contrib/tasks/browser/media/loading_inverse.svg | 4 ++--
 src/sql/workbench/services/dialog/browser/media/loading.svg   | 4 ++--
 .../services/dialog/browser/media/loading_inverse.svg         | 4 ++--
 src/vs/base/parts/tree/browser/loading-dark.svg               | 4 ++--
 src/vs/base/parts/tree/browser/loading-hc.svg                 | 4 ++--
 src/vs/base/parts/tree/browser/loading.svg                    | 4 ++--
 13 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/sql/media/icons/loading.svg b/src/sql/media/icons/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/media/icons/loading.svg
+++ b/src/sql/media/icons/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/media/icons/loading_inverse.svg b/src/sql/media/icons/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/media/icons/loading_inverse.svg
+++ b/src/sql/media/icons/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/sql/workbench/browser/modelComponents/media/loading.svg b/src/sql/workbench/browser/modelComponents/media/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/workbench/browser/modelComponents/media/loading.svg
+++ b/src/sql/workbench/browser/modelComponents/media/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/workbench/browser/modelComponents/media/loading_inverse.svg b/src/sql/workbench/browser/modelComponents/media/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/workbench/browser/modelComponents/media/loading_inverse.svg
+++ b/src/sql/workbench/browser/modelComponents/media/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading.svg b/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading.svg
+++ b/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading_inverse.svg b/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading_inverse.svg
+++ b/src/sql/workbench/contrib/query/browser/modelViewTab/media/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/sql/workbench/contrib/tasks/browser/media/loading.svg b/src/sql/workbench/contrib/tasks/browser/media/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/workbench/contrib/tasks/browser/media/loading.svg
+++ b/src/sql/workbench/contrib/tasks/browser/media/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/workbench/contrib/tasks/browser/media/loading_inverse.svg b/src/sql/workbench/contrib/tasks/browser/media/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/workbench/contrib/tasks/browser/media/loading_inverse.svg
+++ b/src/sql/workbench/contrib/tasks/browser/media/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/sql/workbench/services/dialog/browser/media/loading.svg b/src/sql/workbench/services/dialog/browser/media/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/sql/workbench/services/dialog/browser/media/loading.svg
+++ b/src/sql/workbench/services/dialog/browser/media/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>
diff --git a/src/sql/workbench/services/dialog/browser/media/loading_inverse.svg b/src/sql/workbench/services/dialog/browser/media/loading_inverse.svg
index c3633c0dda..8f5de179de 100644
--- a/src/sql/workbench/services/dialog/browser/media/loading_inverse.svg
+++ b/src/sql/workbench/services/dialog/browser/media/loading_inverse.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/vs/base/parts/tree/browser/loading-dark.svg b/src/vs/base/parts/tree/browser/loading-dark.svg
index 7dc1ebd8cf..d2e9b2867a 100644
--- a/src/vs/base/parts/tree/browser/loading-dark.svg
+++ b/src/vs/base/parts/tree/browser/loading-dark.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:grey;">
diff --git a/src/vs/base/parts/tree/browser/loading-hc.svg b/src/vs/base/parts/tree/browser/loading-hc.svg
index c3633c0dda..8f5de179de 100644
--- a/src/vs/base/parts/tree/browser/loading-hc.svg
+++ b/src/vs/base/parts/tree/browser/loading-hc.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g style="fill:white;">
diff --git a/src/vs/base/parts/tree/browser/loading.svg b/src/vs/base/parts/tree/browser/loading.svg
index e762f06d5e..ecea83cc5e 100644
--- a/src/vs/base/parts/tree/browser/loading.svg
+++ b/src/vs/base/parts/tree/browser/loading.svg
@@ -14,8 +14,8 @@
     circle:nth-child(8) { animation-delay: 0.525s; }
 
     @keyframes ball {
-      from { opacity: 1; }
-      to { opacity: 0.3; }
+      0% { opacity: 1; }
+      100% { opacity: 0.3; }
     }
 	</style>
 	<g>