Przeglądaj źródła

Add icon indicator for the Dropbox sync status.

GitOrigin-RevId: 8cdeed0305e5abfa78a51b2213fa4f106298b2dd
Paulo Reis 6 lat temu
rodzic
commit
673669e41a

+ 26 - 0
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;
+    }
+  }
+}