Merge pull request #7023 from flppv/next

[Icon] Fixed background issue when Icon is used as Labeled Icon for Button as loading one
Semantic-Org · Oct 6, 2022 · 69d2ddb · 69d2ddb
2 parents 0300061 + 3c179e9
commit 69d2ddb
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/definitions/elements/icon.less b/src/definitions/elements/icon.less
@@ -71,15 +71,19 @@ i.icon:before {
 i.icon.loading {
   height: 1em;
   line-height: 1;
+}
+
+i.icon.loading:before {
   animation: icon-loading @loadingDuration linear infinite;
 }
+
 @keyframes icon-loading {
- from {
-    transform: rotate(0deg);
- }
- to {
-    transform: rotate(360deg);
- }
+  from {
+    transform: translateY(-50%) rotate(0deg);
+  }
+  to {
+    transform: translateY(-50%) rotate(360deg);
+  }
 }
 
 /*******************************