Progress indicator for processes - could be prettier, but functional for now

2017-09-07 11:16:04 +12:00
parent 0a956a3fdd
commit aa0505802d
7 changed files with 72 additions and 9 deletions
--- a/src/scss/components/_notifications.scss
+++ b/src/scss/components/_notifications.scss
@ -76,7 +76,9 @@
 				position: absolute;
 				top: 16px;
 				left: 18px;
-				opacity: 1;				
+				opacity: 1;	
+				z-index: 2;
+				border-radius: 50%;

 				&:before {
 					border-color: transparent;
@ -85,6 +87,18 @@
 				&:after {
 					border-right-color: $white;
 				}
+
+				.progress {
+					background: $light_blue;
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 100%;
+					border: 0px solid $blue;
+					box-sizing: border-box;
+					border-radius: 50%;
+				}
 			}
 		}
 	}