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

update styling for loading icon

Browse source
This commit is contained in:
Regis 2016-12-01 15:02:26 -07:00
parent 2791226c6b
commit 3acee98203
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/assets/javascripts/vue_pipelines_index/pipelines.js.es6
View file

@ -72,7 +72,7 @@
}, },
template: ` template: `
<div> <div>
<div class="pipeline-loading-status" v-if='pipelines.length < 1'> <div class="pipelines realtime-loading" v-if='pipelines.length < 1'>
<i class="fa fa-spinner fa-spin"></i> <i class="fa fa-spinner fa-spin"></i>
</div> </div>
<div class="table-holder" v-if='pipelines.length > 0'> <div class="table-holder" v-if='pipelines.length > 0'>
@ -104,7 +104,7 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="pipeline-loading-status" v-if='pageRequest'> <div class="pipelines realtime-loading" v-if='pageRequest'>
<i class="fa fa-spinner fa-spin"></i> <i class="fa fa-spinner fa-spin"></i>
</div> </div>
<gl-pagination <gl-pagination

5
app/assets/stylesheets/pages/pipelines.scss
View file

@ -1,4 +1,9 @@
.pipelines { .pipelines {
.realtime-loading {
font-size: 40px;
text-align: center;
}
.stage { .stage {
max-width: 90px; max-width: 90px;
width: 90px; width: 90px;