zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2026-06-04 19:36:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add loading indicator to transfer data graph

Browse Source
This commit is contained in:
John Furrow
2016-02-08 21:15:20 -08:00
parent 08433b571c
commit 3d9a3dbf6b
8 changed files with 310 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/source/sass/components/_loading-indicator.scss
+16 -2
View File
@@ -17,8 +17,22 @@
position: relative;
width: 32px;
&.is-inverse {
.loading-indicator {
&__bar {
background: $loading-indicator--bar--background--inverse;
&:after {
background: $loading-indicator--tick--background--inverse;
}
}
}
}
&__bar {
background: #e9eef2;
background: $loading-indicator--bar--background;
border-radius: 10px;
height: 3px;
left: 0;
@@ -29,7 +43,7 @@
&:after {
animation: loading-indicator-swipe 3s ease-in-out infinite;
background: rgba($blue, 0.75);
background: $loading-indicator--tick--background;
border-radius: 10px;
content: '';
display: block;