Progress indicator for processes - could be prettier, but functional for now
This commit is contained in:
@ -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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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);
|
||||
|
||||
Reference in New Issue
Block a user