github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-22 06:07:59 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add icon indicator for the Dropbox sync status.

Browse source 
GitOrigin-RevId: 8cdeed0305e5abfa78a51b2213fa4f106298b2dd
This commit is contained in:
Paulo Reis 2020-04-21 13:59:34 +01:00 • committed by Copybot
parent 97ce66a9e7
commit 673669e41a
1 changed files with 26 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
services/web/frontend/stylesheets/app/account-settings.less
View file

@ -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;
}
}
}