Use CSS animation to fade in the JS-cannot-load error so it doesn't flash on screen

This commit is contained in:
Joseph Schorr 2017-04-21 14:08:18 -04:00
parent cd8df95132
commit c00feede4d
2 changed files with 31 additions and 1 deletions

View file

@ -23,7 +23,12 @@
<script src="static/standalonelib/jquery.overscroll.min.js"></script>
<div ng-view>
<div class="co-alert co-alert-danger">
<div class="co-m-loader co-an-fade-in-out loading-js-fade-out">
<div class="co-m-loader-dot__one"></div>
<div class="co-m-loader-dot__two"></div>
<div class="co-m-loader-dot__three"></div>
</div>
<div class="co-alert co-alert-danger loading-js-fade-in">
The Quay application could not be loaded, which typically indicates an external library could not be loaded (usually due to an ad blocker). Please check the JavaScript console for errors.
</div>
</div>