From 47bd030293ef12961fb07753a7f749ce47783375 Mon Sep 17 00:00:00 2001
From: Taras Machyshyn <taras@espocrm.com>
Date: Tue, 15 Jan 2019 12:16:17 +0200
Subject: [PATCH] Installer: changed loading icon

---
 install/core/tpl/errors.tpl            |  2 +-
 install/core/tpl/setupConfirmation.tpl |  2 +-
 install/core/tpl/step2.tpl             |  2 +-
 install/core/tpl/step3.tpl             |  2 +-
 install/core/tpl/step4.tpl             |  2 +-
 install/core/tpl/step5.tpl             |  2 +-
 install/css/install.css                | 24 +-----------------------
 7 files changed, 7 insertions(+), 29 deletions(-)

diff --git a/install/core/tpl/errors.tpl b/install/core/tpl/errors.tpl
index 981e94782c..a5b12688ef 100644
--- a/install/core/tpl/errors.tpl
+++ b/install/core/tpl/errors.tpl
@@ -11,7 +11,7 @@
 </div>
 <div class="loading-panel hide">
     <div class="text-right">
-        <span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>
+        <i class="fas fa-spinner fa-spin"></i>
     </div>
 </div>
 <footer class="modal-footer">
diff --git a/install/core/tpl/setupConfirmation.tpl b/install/core/tpl/setupConfirmation.tpl
index 31efb414c9..776e51470a 100644
--- a/install/core/tpl/setupConfirmation.tpl
+++ b/install/core/tpl/setupConfirmation.tpl
@@ -92,7 +92,7 @@
 </div>
 <div class="loading-panel hide">
     <div class="text-right">
-        <span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>
+        <i class="fas fa-spinner fa-spin"></i>
     </div>
 </div>
 <footer class="modal-footer">
diff --git a/install/core/tpl/step2.tpl b/install/core/tpl/step2.tpl
index e90aa6263a..4f82cd8bd9 100644
--- a/install/core/tpl/step2.tpl
+++ b/install/core/tpl/step2.tpl
@@ -59,7 +59,7 @@
 </div>
 <div class="loading-panel hide">
     <div class="text-right">
-        <span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>
+        <i class="fas fa-spinner fa-spin"></i>
     </div>
 </div>
 <footer class="modal-footer">
diff --git a/install/core/tpl/step3.tpl b/install/core/tpl/step3.tpl
index 23231f1b9a..22b558af32 100644
--- a/install/core/tpl/step3.tpl
+++ b/install/core/tpl/step3.tpl
@@ -37,7 +37,7 @@
 </div>
 <div class="loading-panel hide">
     <div class="text-right">
-        <span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>
+        <i class="fas fa-spinner fa-spin"></i>
     </div>
 </div>
 <footer class="modal-footer">
diff --git a/install/core/tpl/step4.tpl b/install/core/tpl/step4.tpl
index 7959cbdbb4..c82e970df6 100644
--- a/install/core/tpl/step4.tpl
+++ b/install/core/tpl/step4.tpl
@@ -137,7 +137,7 @@
 </div>
 <div class="loading-panel hide">
     <div class="text-right">
-        <span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>
+        <i class="fas fa-spinner fa-spin"></i>
     </div>
 </div>
 <footer class="modal-footer">
diff --git a/install/core/tpl/step5.tpl b/install/core/tpl/step5.tpl
index f4e537247b..1ed183c8e1 100644
--- a/install/core/tpl/step5.tpl
+++ b/install/core/tpl/step5.tpl
@@ -109,7 +109,7 @@
 </div>
 <div class="loading-panel hide">
     <div class="text-right">
-        <span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>
+        <i class="fas fa-spinner fa-spin"></i>
     </div>
 </div>
 <footer class="modal-footer">
diff --git a/install/css/install.css b/install/css/install.css
index a646a0dfb9..e944d596f3 100644
--- a/install/css/install.css
+++ b/install/css/install.css
@@ -146,29 +146,7 @@ span.ok {
     padding: 0px 2px;
 }
 
-.glyphicon-refresh-animate {
-    -animation: front .5s infinite linear;
-    -ms-animation: front .5s infinite linear;
-    -webkit-animation: right .5s infinite linear;
-    -moz-animation: left .5s infinite linear;
-}
-
-@keyframes front {
-    from { transform: scale(1) rotate(0deg);}
-    to { transform: scale(1) rotate(360deg);}
-}
-
-@-webkit-keyframes right {
-    from { -webkit-transform: rotate(0deg);}
-    to { -webkit-transform: rotate(360deg);}
-}
-
-@-moz-keyframes left {
-    from { -moz-transform: rotate(0deg);}
-    to { -moz-transform: rotate(360deg);}
-}
-
 #license-agree {
     margin-right: 5px;
     margin-top: -1px;
-}
\ No newline at end of file
+}