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

This commit is contained in:
James Barnsley
2017-09-07 11:16:04 +12:00
parent 0a956a3fdd
commit aa0505802d
7 changed files with 72 additions and 9 deletions

View File

@ -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%;
}
}
}
}

View File

@ -262,6 +262,10 @@ button.placeholder {
@include clearfix;
}
.hidden {
display: none !important;
}
.pulse { @include pulse(); }
.one-liner { @include one_line_text; }
.centred-text { text-align: center; }

View File

@ -13,6 +13,7 @@ $black: #000000;
$red: #cf2d2d;
$green: #47af2a;
$blue: #32b5f2;
$light_blue: #96cfea;
$yellow: #FFF39C;
$orange: #f16f19;
$overlay_dark: rgba(0, 0, 0, 0.88);