From 673669e41a74a42f9b5e0336a2b11dc089f39425 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Tue, 21 Apr 2020 13:59:34 +0100
Subject: [PATCH] Add icon indicator for the Dropbox sync status.

GitOrigin-RevId: 8cdeed0305e5abfa78a51b2213fa4f106298b2dd
---
 .../stylesheets/app/account-settings.less     | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/account-settings.less b/services/web/frontend/stylesheets/app/account-settings.less
index fd98f43c87..436f0e8ee3 100644
--- a/services/web/frontend/stylesheets/app/account-settings.less
+++ b/services/web/frontend/stylesheets/app/account-settings.less
@@ -100,3 +100,29 @@ tbody > tr.affiliations-table-warning-row > td {
 .btn-link-accounts {
   margin-bottom: (@line-height-computed / 2) - @table-cell-padding;
 }
+
+.dropbox-sync-icon {
+  position: relative;
+  font-size: 1.3em;
+  line-height: 1.3em;
+  vertical-align: top;
+  &.dropbox-sync-icon-error {
+    color: @alert-danger-bg;
+  }
+  &.dropbox-sync-icon-success {
+    color: @alert-success-bg;
+  }
+  &.dropbox-sync-icon-updating {
+    color: @alert-info-bg;
+    &::after {
+      content: '\f021';
+      position: absolute;
+      top: 0;
+      left: 50%;
+      margin-left: -20%;
+      font-size: 60%;
+      color: #fff;
+      animation: fa-spin 2s infinite linear;
+    }
+  }
+}