center loading indicators

This commit is contained in:
Lisa Passing 2015-03-18 16:49:09 +01:00
parent 5b9dd4819f
commit d20d7e7568
2 changed files with 50 additions and 46 deletions

View File

@ -1,5 +1,5 @@
{{#if isLoaded}} {{#if isLoaded}}
{{#if length}} {{#if length}}
{{#each job in controller}} {{#each job in controller}}
<div {{bind-attr class=":tile :tile--sidebar job.state"}}> <div {{bind-attr class=":tile :tile--sidebar job.state"}}>
{{#if job.repo.slug}} {{#if job.repo.slug}}
@ -20,9 +20,11 @@
</div> </div>
{{/each}} {{/each}}
{{else}} {{else}}
<div class="spinner-container">There are no jobs queued</div> <div class="spinner-container">There are no jobs queued</div>
{{/if}} {{/if}}
{{else}} {{else}}
<div class="spinner-container">
<span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span> <span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
</div>
{{/if}} {{/if}}

View File

@ -1,7 +1,7 @@
{{!-- <h4>Running Jobs ({{controller.length}})</h4> --}} {{!-- <h4>Running Jobs ({{controller.length}})</h4> --}}
{{#if isLoaded}} {{#if isLoaded}}
{{#if controller.length}} {{#if controller.length}}
{{#each job in controller}} {{#each job in controller}}
<div {{bind-attr class=":tile :tile--sidebar job.state"}}> <div {{bind-attr class=":tile :tile--sidebar job.state"}}>
{{#if job.repo.slug}} {{#if job.repo.slug}}
@ -26,9 +26,11 @@
</div> </div>
{{/each}} {{/each}}
{{else}} {{else}}
<div class="spinner-container">There are no jobs running</div> <div class="spinner-container">There are no jobs running</div>
{{/if}} {{/if}}
{{else}} {{else}}
<div class="spinner-container">
<span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span> <span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
</div>
{{/if}} {{/if}}