(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;
}
+2 -2
View File
@@ -46,8 +46,8 @@
@import 'components/input/input';
@import 'components/list/list';
@import 'components/menu/menu';
//@import 'components/progressCircular/progress-circular';
@import 'components/progressLinear/progress-linear';
@import 'components/progressCircular/progress-circular';
//@import 'components/progressLinear/progress-linear';
@import 'components/radioButton/radio-button';
@import 'components/select/select';
@import 'components/sidenav/sidenav';