Friendly loading indicator for example apps

2025-12-19 05:19:42 +08:00 · 2015-06-19 13:25:07 -05:00
parent 0e37998ead
commit a7f516f3f2
2 changed files with 11 additions and 1 deletions
--- a/ionic/components/app/structure.scss
+++ b/ionic/components/app/structure.scss
@@ -43,6 +43,16 @@ ionic {
  max-height: 100%;
  margin: 0;
  padding: 0;
+
+}
+
+ion-loading-icon {
+  display: flex;
+  margin: auto;
+  i {
+    font-size: 128px;
+    color: #666666;
+  }
 }

 ion-nav {
--- a/scripts/e2e/ionic.template.html
+++ b/scripts/e2e/ionic.template.html
@@ -36,7 +36,7 @@
 <body>

  <ionic module="{{MODULE}}">
-    Loading...
+    <ion-loading-icon><i class="icon ion-ios-ionic-outline"></i></ion-loading-icon>
  </ionic>

  <!-- angular2 dependencies -->