kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

added a running loading indicator

Browse source
This commit is contained in:
Dimitrie Hoekstra 2016-12-08 14:08:08 +01:00 committed by Kushal Pandya
parent f06678cb1a
commit ff0c3fc23b
2 changed files with 34 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
app/assets/stylesheets/pages/builds.scss
View file

@ -178,6 +178,39 @@
.bash { .bash {
display: block; 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 { .right-sidebar.build-sidebar {

2
app/views/projects/builds/show.html.haml
View file

@ -66,7 +66,7 @@
#up-build-trace #up-build-trace
%pre.build-trace#build-trace %pre.build-trace#build-trace
%code.bash.js-build-output %code.bash.js-build-output
= icon("refresh spin", class: "js-build-refresh") .typing_loader.js-build-refresh
#down-build-trace #down-build-trace