Commit ff0c3fc2 authored by Dimitrie Hoekstra's avatar Dimitrie Hoekstra Committed by Kushal Pandya

added a running loading indicator

parent f06678cb
......@@ -178,6 +178,39 @@
.bash {
display: block;
}
.typing_loader{
width: 6px;
height: 6px;
border-radius: 50%;
animation: typing 1s linear infinite;
position: relative;
margin-bottom: 12px;
margin-left: 2px;
}
@keyframes typing{
0%{
background-color: rgba(255,255,255, 1);
box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2),
24px 0px 0px 0px rgba(255,255,255,0.2);
}
25%{
background-color: rgba(255,255,255, 0.4);
box-shadow: 12px 0px 0px 0px rgba(255,255,255,2),
24px 0px 0px 0px rgba(255,255,255,0.2);
}
75%{
background-color: rgba(255,255,255, 0.4);
box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2),
24px 0px 0px 0px rgba(255,255,255,1);
}
100%{
background-color: rgba(255,255,255, 1);
box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2),
24px 0px 0px 0px rgba(255,255,255,0.2);
}
}
}
.right-sidebar.build-sidebar {
......
......@@ -66,7 +66,7 @@
#up-build-trace
%pre.build-trace#build-trace
%code.bash.js-build-output
= icon("refresh spin", class: "js-build-refresh")
.typing_loader.js-build-refresh
#down-build-trace
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment