Loader progress style; Progress for enqueue

2017-09-08 07:57:48 +12:00
parent a397a9ffba
commit f24399c897
4 changed files with 34 additions and 12 deletions
--- a/src/scss/components/_notifications.scss
+++ b/src/scss/components/_notifications.scss
@ -78,7 +78,6 @@
 				left: 18px;
 				opacity: 1;	
 				z-index: 2;
-				border-radius: 50%;

 				&:before {
 					border-color: transparent;
@ -89,15 +88,22 @@
 				}

 				.progress {
-					background: $light_blue;
 					position: absolute;
-					top: 0;
-					left: 0;
-					width: 100%;
-					height: 100%;
-					border: 0px solid $blue;
-					box-sizing: border-box;
+					top: 4px;
+					left: 4px;
+					bottom: 4px;
+					right: 4px;				
 					border-radius: 50%;
+					overflow: hidden;
+
+					.fill {
+						background: $white;
+						position: absolute;
+						top: 0;
+						left: 0;
+						bottom: 0;
+						opacity: 0.35;
+					}
 				}
 			}
 		}