(js) New progress indicator in Mail module

This commit is contained in:
Francis Lachapelle
2015-08-25 12:20:46 -04:00
parent 99d121fd3e
commit 7b3a238fb9
5 changed files with 55 additions and 35 deletions
@@ -1,2 +1,2 @@
/*! progressCircular/_extends.scss - */
@import '../../../angular-material/src/components/progressCircular/progressCircular.scss';
@import '../../../angular-material/src/components/progressCircular/progress-circular.scss';
@@ -1,2 +1,18 @@
/// progressCircular.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
@import 'extends';
.sg-progress-circular-floating {
&.ng-hide {
transform: translate(-50%, 0) scale(0);
}
transition: transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
position: absolute;
top: (10 * $baseline-grid);
left: 50%;
transform: translate(-50%, 0) scale(1);
bottom: auto;
background-color: white;
border-radius: 50%;
padding: $baseline-grid/2;
box-shadow: $whiteframe-shadow-z3;
}