vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Work in progress: add a loading bar and convert to using the new ApiService and resource-view

Browse source
This commit is contained in:
Joseph Schorr 2013-12-17 13:19:59 -05:00
parent a53106be3b
commit 414bd34d52
15 changed files with 1116 additions and 642 deletions
Download patch file Download diff file Expand all files Collapse all files

54
static/css/quay.css
View file

@ -3,6 +3,60 @@
margin: 0;
}
.resource-view-element {
position: relative;
}
.resource-view-element .resource-spinner {
z-index: 1;
position: absolute;
top: 10px;
left: 10px;
opacity: 0;
transition: opacity 0s ease-in-out;
text-align: center;
}
.resource-view-element .resource-content {
visibility: hidden;
}
.resource-view-element .resource-content.visible {
z-index: 2;
visibility: visible;
}
.resource-view-element .resource-error {
margin: 10px;
font-size: 16px;
color: #444;
text-align: center;
}
.resource-view-element .resource-spinner.visible {
opacity: 1;
transition: opacity 1s ease-in-out;
}
.small-spinner {
display: inline-block;
width: 14px;
height: 14px;
border: solid 2px transparent;
border-top-color: #444;
border-left-color: #444;
border-radius: 10px;
-webkit-animation: loading-bar-spinner 400ms linear infinite;
-moz-animation: loading-bar-spinner 400ms linear infinite;
-ms-animation: loading-bar-spinner 400ms linear infinite;
-o-animation: loading-bar-spinner 400ms linear infinite;
animation: loading-bar-spinner 400ms linear infinite;
}
#loading-bar-spinner {
top: 70px;
}
.entity-search-element input {
vertical-align: middle;
}